tabexseriescomponents 0.50.218 → 0.50.219

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 +260 -208
  2. package/dist/index.esm.js +260 -208
  3. package/dist/index.umd.js +260 -208
  4. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -69696,7 +69696,7 @@ var Threebgimages = function Threebgimages(props) {
69696
69696
  function ownKeys$1d(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; }
69697
69697
  function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
69698
69698
  var Twobgimages = function Twobgimages(props) {
69699
- var _useState = useState(""),
69699
+ var _useState = useState(''),
69700
69700
  _useState2 = _slicedToArray(_useState, 2),
69701
69701
  sectionproperties = _useState2[0],
69702
69702
  setsectionproperties = _useState2[1];
@@ -69716,8 +69716,16 @@ var Twobgimages = function Twobgimages(props) {
69716
69716
  var ikimagecredcontext = props.actions.ikimagecredcontext;
69717
69717
  props.actions.history;
69718
69718
  props.actions;
69719
+ var _useState7 = useState(false),
69720
+ _useState8 = _slicedToArray(_useState7, 2),
69721
+ opensizeguidemodal = _useState8[0],
69722
+ setopensizeguidemodal = _useState8[1];
69723
+ var _useState9 = useState(''),
69724
+ _useState0 = _slicedToArray(_useState9, 2),
69725
+ imageselected = _useState0[0],
69726
+ setimageselected = _useState0[1];
69719
69727
  useEffect(function () {
69720
- if (props.srcfrom == "addsectionform") {
69728
+ if (props.srcfrom == 'addsectionform') {
69721
69729
  var secpropobj = {};
69722
69730
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
69723
69731
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
@@ -69749,125 +69757,125 @@ var Twobgimages = function Twobgimages(props) {
69749
69757
  }, [sectionproperties]);
69750
69758
  var bgcssstyles = {
69751
69759
  innercontainer: css({
69752
- marginTop: sectionproperties.marginTop + "px",
69753
- marginBottom: sectionproperties.marginBottom + "px",
69754
- "@media (max-width: 800px)": {
69755
- marginTop: sectionproperties.marginTopResp + "px",
69756
- marginBottom: sectionproperties.marginBottomResp + "px"
69760
+ marginTop: sectionproperties.marginTop + 'px',
69761
+ marginBottom: sectionproperties.marginBottom + 'px',
69762
+ '@media (max-width: 800px)': {
69763
+ marginTop: sectionproperties.marginTopResp + 'px',
69764
+ marginBottom: sectionproperties.marginBottomResp + 'px'
69757
69765
  }
69758
69766
  }),
69759
69767
  outercontainer: css({
69760
- width: sectionproperties.width + "vw",
69761
- "@media (max-width: 800px)": {
69762
- width: sectionproperties.widthresponsive + "vw"
69768
+ width: sectionproperties.width + 'vw',
69769
+ '@media (max-width: 800px)': {
69770
+ width: sectionproperties.widthresponsive + 'vw'
69763
69771
  }
69764
69772
  }),
69765
69773
  bgImageContainer: css({
69766
- height: sectionproperties.height + "vh",
69767
- backgroundPosition: "center",
69768
- backgroundRepeat: "no-repeat",
69769
- backgroundSize: "cover",
69774
+ height: sectionproperties.height + 'vh',
69775
+ backgroundPosition: 'center',
69776
+ backgroundRepeat: 'no-repeat',
69777
+ backgroundSize: 'cover',
69770
69778
  margin: 0,
69771
69779
  padding: 0,
69772
- position: "relative",
69773
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + "px",
69774
- borderTopRightRadius: sectionproperties.borderTopRightRadius + "px",
69775
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + "px",
69776
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + "px",
69777
- alignItems: sectionproperties.generaltext_textposition == "Center Center" ? "center" : sectionproperties.generaltext_textposition == "Top Left" ? "" : "",
69778
- justifyContent: sectionproperties.generaltext_textposition == "Center Center" ? "center" : ""
69780
+ position: 'relative',
69781
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
69782
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
69783
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
69784
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
69785
+ alignItems: sectionproperties.generaltext_textposition == 'Center Center' ? 'center' : sectionproperties.generaltext_textposition == 'Top Left' ? '' : '',
69786
+ justifyContent: sectionproperties.generaltext_textposition == 'Center Center' ? 'center' : ''
69779
69787
  }),
69780
69788
  centered_container: css({
69781
- position: "absolute",
69782
- display: "flex",
69783
- width: "100%",
69784
- height: "100%",
69789
+ position: 'absolute',
69790
+ display: 'flex',
69791
+ width: '100%',
69792
+ height: '100%',
69785
69793
  zIndex: 100,
69786
- "@media (max-width: 800px)": {
69787
- bottom: "30px"
69794
+ '@media (max-width: 800px)': {
69795
+ bottom: '30px'
69788
69796
  }
69789
69797
  }),
69790
69798
  bgimage: css({
69791
- ":before": {
69792
- content: "h",
69793
- position: "absolute",
69794
- width: "100%",
69795
- height: "100%",
69796
- backgroundColor: "rgba(0,0,0," + sectionproperties.darknessopacity + ")",
69799
+ ':before': {
69800
+ content: 'h',
69801
+ position: 'absolute',
69802
+ width: '100%',
69803
+ height: '100%',
69804
+ backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
69797
69805
  top: 0,
69798
69806
  borrom: 0,
69799
69807
  right: 0,
69800
69808
  left: 0,
69801
69809
  zIndex: 1,
69802
69810
  fontSize: 0,
69803
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
69804
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
69805
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
69806
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
69811
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
69812
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
69813
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
69814
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
69807
69815
  },
69808
- height: "100%",
69809
- width: "100%",
69810
- "@media (max-width: 800px)": {
69811
- width: sectionproperties.innerwidthheightresp + "%",
69812
- height: sectionproperties.innerwidthheightresp + "%"
69816
+ height: '100%',
69817
+ width: '100%',
69818
+ '@media (max-width: 800px)': {
69819
+ width: sectionproperties.innerwidthheightresp + '%',
69820
+ height: sectionproperties.innerwidthheightresp + '%'
69813
69821
  }
69814
69822
  }),
69815
69823
  text1styles: css({
69816
- fontSize: sectionproperties.slideshowText1ContentFontSize + "px",
69824
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
69817
69825
  fontWeight: sectionproperties.slideshowText1ContentFontWeight,
69818
- marginTop: sectionproperties.slideshowText1Content_marginTop + "px",
69819
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + "px",
69820
- marginLeft: sectionproperties.slideshowText1Content_marginLeft + "px",
69821
- textAlign: sectionproperties.text1centered == "Centered" ? "center" : langdetect != "ar" ? "left" : "right"
69826
+ marginTop: sectionproperties.slideshowText1Content_marginTop + 'px',
69827
+ marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
69828
+ marginLeft: sectionproperties.slideshowText1Content_marginLeft + 'px',
69829
+ textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
69822
69830
  }),
69823
69831
  text2styles: css({
69824
- marginBottom: sectionproperties.slideshowText2Content_marginBottom + "px",
69825
- fontSize: sectionproperties.slideshowText2ContentFontSize + "px",
69832
+ marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px',
69833
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
69826
69834
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
69827
- marginLeft: sectionproperties.generaltext2_leftposition + "px",
69828
- textAlign: sectionproperties.text2centered == "Centered" ? "center" : langdetect != "ar" ? "left" : "right"
69835
+ marginLeft: sectionproperties.generaltext2_leftposition + 'px',
69836
+ textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
69829
69837
  }),
69830
69838
  btnone: css({
69831
- width: sectionproperties.generalbtn_width + "px",
69832
- height: sectionproperties.generalbtn_height + "px",
69833
- background: sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColor,
69834
- fontSize: sectionproperties.generalbtn_fontsize + "px",
69839
+ width: sectionproperties.generalbtn_width + 'px',
69840
+ height: sectionproperties.generalbtn_height + 'px',
69841
+ background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
69842
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
69835
69843
  color: sectionproperties.generalbtn_textColor,
69836
69844
  textTransform: sectionproperties.generalbtn_texttransform,
69837
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + "px",
69838
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + "px",
69839
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + "px",
69840
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + "px",
69845
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
69846
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
69847
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
69848
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
69841
69849
  fontWeight: sectionproperties.generalbtn_fontweight,
69842
- border: sectionproperties.generalbtn_borderwidth + "px solid " + sectionproperties.generalbtn_bordercolor,
69843
- marginLeft: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect != "ar" ? sectionproperties.generalbtn_leftposition + "px" : "",
69844
- marginRight: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect == "ar" ? sectionproperties.generalbtn_leftposition + "px" : "",
69845
- marginTop: "auto",
69846
- marginBottom: sectionproperties.generalbtn_topposition + "px",
69847
- transition: ".3s",
69848
- ":hover": {
69849
- background: sectionproperties.generalbtn_bgColortransparentonhover == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColoronhover,
69850
+ border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
69851
+ marginLeft: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect != 'ar' ? sectionproperties.generalbtn_leftposition + 'px' : '',
69852
+ marginRight: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'ar' ? sectionproperties.generalbtn_leftposition + 'px' : '',
69853
+ marginTop: 'auto',
69854
+ marginBottom: sectionproperties.generalbtn_topposition + 'px',
69855
+ transition: '.3s',
69856
+ ':hover': {
69857
+ background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
69850
69858
  color: sectionproperties.generalbtn_textColoronhover
69851
69859
  }
69852
69860
  }),
69853
69861
  btnresp: css({
69854
- width: sectionproperties.generalbtn_width + "px",
69855
- height: sectionproperties.generalbtn_height + "px",
69856
- background: sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColor,
69857
- fontSize: sectionproperties.generalbtn_fontsize + "px",
69862
+ width: sectionproperties.generalbtn_width + 'px',
69863
+ height: sectionproperties.generalbtn_height + 'px',
69864
+ background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
69865
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
69858
69866
  color: sectionproperties.generalbtn_textColor,
69859
69867
  textTransform: sectionproperties.generalbtn_texttransform,
69860
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + "px",
69861
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + "px",
69862
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + "px",
69863
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + "px",
69868
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
69869
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
69870
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
69871
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
69864
69872
  fontWeight: sectionproperties.generalbtn_fontweight,
69865
- border: sectionproperties.generalbtn_borderwidth + "px solid " + sectionproperties.generalbtn_bordercolor,
69866
- marginLeft: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect != "ar" ? "16px" : "",
69867
- marginRight: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect == "ar" ? "16px" : "",
69868
- transition: ".3s",
69869
- ":hover": {
69870
- background: sectionproperties.generalbtn_bgColortransparentonhover == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColoronhover,
69873
+ border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
69874
+ marginLeft: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect != 'ar' ? '16px' : '',
69875
+ marginRight: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'ar' ? '16px' : '',
69876
+ transition: '.3s',
69877
+ ':hover': {
69878
+ background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
69871
69879
  color: sectionproperties.generalbtn_textColoronhover
69872
69880
  }
69873
69881
  })
@@ -69875,42 +69883,46 @@ var Twobgimages = function Twobgimages(props) {
69875
69883
  var BackgroundImage = function BackgroundImage() {
69876
69884
  var _bgimagearrayofobjs$;
69877
69885
  return /*#__PURE__*/React.createElement("div", {
69878
- className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == "12" ? sectionproperties.paddingLeft != 0 ? "row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat" : "row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat" : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? "row w-100 ml-0 mr-0 p-0 p-sm-0 p-md-0 no-repeat" : "row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat",
69879
- style: {
69880
- paddingTop: sectionproperties.paddingTop + "px",
69881
- paddingBottom: sectionproperties.paddingBottom + "px",
69882
- paddingLeft: sectionproperties.paddingLeft + "px",
69883
- paddingRight: sectionproperties.paddingRight + "px",
69884
- backgroundImage: maincontainerarrayofobjs.length != 0 ? "url(" + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ")" : "",
69885
- backgroundSize: "cover",
69886
+ className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == '12' ? sectionproperties.paddingLeft != 0 ? 'row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat' : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? 'row w-100 ml-0 mr-0 p-0 p-sm-0 p-md-0 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat',
69887
+ style: {
69888
+ paddingTop: sectionproperties.paddingTop + 'px',
69889
+ paddingBottom: sectionproperties.paddingBottom + 'px',
69890
+ paddingLeft: sectionproperties.paddingLeft + 'px',
69891
+ paddingRight: sectionproperties.paddingRight + 'px',
69892
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
69893
+ backgroundSize: 'cover',
69886
69894
  background: sectionproperties.backgroundColor
69887
69895
  }
69888
69896
  }, /*#__PURE__*/React.createElement("div", {
69889
- className: sectionproperties.collectionssectionshow == "Show" ? "col-lg-10 col-md-12 p-md-0" : "col-lg-12 p-0"
69897
+ className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
69890
69898
  }, /*#__PURE__*/React.createElement("div", {
69891
- className: sectionproperties.showrespas == "Horizontal" ? "row m-0 w-100 d-flex d-md-none align-items-center" : "row m-0 w-100 d-flex align-items-center",
69899
+ className: sectionproperties.showrespas == 'Horizontal' ? 'row m-0 w-100 d-flex d-md-none align-items-center' : 'row m-0 w-100 d-flex align-items-center',
69892
69900
  style: {
69893
- justifyContent: sectionproperties.justifyContentCenter == "Centered" ? "center" : "start"
69901
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
69894
69902
  }
69895
69903
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
69896
69904
  return /*#__PURE__*/React.createElement("div", {
69897
- className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? " d-flex align-items-stretch col-md-4 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-" + bgimagearrayofobjs[index].bg1_numberofcols : " d-flex align-items-stretch col-md-4 col-sm-12 p-sm-0 col-lg-" + bgimagearrayofobjs[index].bg1_numberofcols : " d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-" + bgimagearrayofobjs[index].bg1_numberofcols,
69905
+ className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-4 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-4 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
69898
69906
  style: {
69899
- paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
69900
- paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
69901
- cursor: item.place_clickable == "General" ? "pointer" : "default",
69902
- marginBottom: sectionproperties.image_mb + "px"
69907
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
69908
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
69909
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
69910
+ marginBottom: sectionproperties.image_mb + 'px'
69903
69911
  },
69904
69912
  onClick: function onClick() {
69905
- if (item.IsClickable == "Yes") {
69906
- if (item.place_clickable == "General") {
69907
- if (item.externallink == "Yes") {
69908
- window.open(item.clickable_page_route, "_blank");
69913
+ if (sectionproperties.openimagewhenclick == 'Yes') {
69914
+ setopensizeguidemodal(true);
69915
+ setimageselected(langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image_ar);
69916
+ }
69917
+ if (item.IsClickable == 'Yes') {
69918
+ if (item.place_clickable == 'General') {
69919
+ if (item.externallink == 'Yes') {
69920
+ window.open(item.clickable_page_route, '_blank');
69909
69921
  // history.push(item.clickable_page_route);
69910
69922
  } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
69911
- routingcountext(item.clickable_page_route, false, "");
69923
+ routingcountext(item.clickable_page_route, false, '');
69912
69924
  } else {
69913
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
69925
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
69914
69926
  }
69915
69927
  }
69916
69928
  }
@@ -69918,48 +69930,48 @@ var Twobgimages = function Twobgimages(props) {
69918
69930
  }, /*#__PURE__*/React.createElement("div", {
69919
69931
  className: "row ml-0 mr-0 d-flex justify-content-center w-100"
69920
69932
  }, /*#__PURE__*/React.createElement("div", {
69921
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "col-lg-12 p-0 h-md-auto allcentered" : "col-lg-12 p-0 allcentered",
69933
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto allcentered' : 'col-lg-12 p-0 allcentered',
69922
69934
  style: {
69923
- height: sectionproperties.bgcovercontain == "Contain" ? "auto" : sectionproperties.image_height + "vh"
69935
+ height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
69924
69936
  }
69925
69937
  }, /*#__PURE__*/React.createElement("div", {
69926
- className: "".concat(bgcssstyles.bgimage) + " d-md-flex d-sm-none ",
69938
+ className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
69927
69939
  style: {}
69928
69940
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
69929
69941
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69930
69942
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69931
- path: bgimagearrayofobjs.length != 0 ? langdetect != "ar" ? "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_h + "/" + bgimagearrayofobjs[index].bg1_image : "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_h + "/" + bgimagearrayofobjs[index].bg1_image_ar : "",
69932
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "objectFit-md-contain" : "",
69943
+ path: bgimagearrayofobjs.length != 0 ? langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image_ar : '',
69944
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
69933
69945
  style: {
69934
- height: "100%",
69935
- width: "100%",
69946
+ height: '100%',
69947
+ width: '100%',
69936
69948
  objectFit: sectionproperties.bgcovercontain,
69937
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
69938
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
69939
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
69940
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
69949
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
69950
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
69951
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
69952
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
69941
69953
  }
69942
69954
  })), /*#__PURE__*/React.createElement("div", {
69943
- className: "".concat(bgcssstyles.bgimage) + " d-none d-md-none d-sm-flex",
69955
+ className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
69944
69956
  style: {}
69945
69957
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
69946
69958
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69947
69959
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69948
- path: bgimagearrayofobjs.length != 0 ? langdetect != "ar" ? "/tr:w-" + sectionproperties.imagetr_w_resp + ",h-" + sectionproperties.imagetr_h_resp + "/" + bgimagearrayofobjs[index].bg1_imageresponsive : "/tr:w-" + sectionproperties.imagetr_w_resp + ",h-" + sectionproperties.imagetr_h_resp + "/" + bgimagearrayofobjs[index].bg1_imageresponsive_ar : "",
69949
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "objectFit-md-contain" : "",
69960
+ path: bgimagearrayofobjs.length != 0 ? langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
69961
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
69950
69962
  style: {
69951
- height: "100%",
69952
- width: "100%",
69963
+ height: '100%',
69964
+ width: '100%',
69953
69965
  objectFit: sectionproperties.bgcovercontain,
69954
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
69955
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
69956
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
69957
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
69966
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
69967
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
69968
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
69969
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
69958
69970
  }
69959
69971
  })), /*#__PURE__*/React.createElement("div", {
69960
- className: "".concat(bgcssstyles.bgImageContainer) + " col-lg-12 p-0 w-100 ",
69972
+ className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
69961
69973
  style: {
69962
- position: "absolute",
69974
+ position: 'absolute',
69963
69975
  top: 0,
69964
69976
  right: 0,
69965
69977
  bottom: 0,
@@ -69967,36 +69979,36 @@ var Twobgimages = function Twobgimages(props) {
69967
69979
  zIndex: 1
69968
69980
  }
69969
69981
  }, /*#__PURE__*/React.createElement("div", {
69970
- className: "".concat(bgcssstyles.centered_container) + " row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto "
69982
+ className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
69971
69983
  }, /*#__PURE__*/React.createElement("div", {
69972
- className: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? " d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch " : bgimagearrayofobjs[index].bg1_numberofcols >= "6" ? " d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch " : " d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ",
69984
+ className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
69973
69985
  style: {
69974
- position: "relative",
69975
- overflow: "hidden"
69986
+ position: 'relative',
69987
+ overflow: 'hidden'
69976
69988
  }
69977
69989
  }, /*#__PURE__*/React.createElement("p", {
69978
- className: bgcssstyles.text1styles + " d-flex justify-content-md-center wordbreak ",
69990
+ className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
69979
69991
  style: {
69980
- maxWidth: "100%",
69992
+ maxWidth: '100%',
69981
69993
  color: bgimagearrayofobjs[index].bg1_txtcolor
69982
69994
  }
69983
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React.createElement("p", {
69984
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak ",
69995
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
69996
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
69985
69997
  style: {
69986
69998
  color: bgimagearrayofobjs[index].bg1_descolor
69987
69999
  }
69988
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React.createElement("button", {
69989
- className: "".concat(bgcssstyles.btnone) + " allcentered ",
70000
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
70001
+ className: "".concat(bgcssstyles.btnone) + ' allcentered ',
69990
70002
  style: {
69991
- letterSpacing: langdetect != "ar" ? "1px" : 0
70003
+ letterSpacing: langdetect != 'ar' ? '1px' : 0
69992
70004
  },
69993
70005
  onClick: function onClick() {
69994
- if (item.IsClickable == "Yes") {
69995
- if (item.place_clickable == "Button") {
70006
+ if (item.IsClickable == 'Yes') {
70007
+ if (item.place_clickable == 'Button') {
69996
70008
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
69997
- routingcountext(item.clickable_page_route, false, "");
70009
+ routingcountext(item.clickable_page_route, false, '');
69998
70010
  } else {
69999
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
70011
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
70000
70012
  }
70001
70013
  }
70002
70014
  }
@@ -70004,83 +70016,83 @@ var Twobgimages = function Twobgimages(props) {
70004
70016
  }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content)), /*#__PURE__*/React.createElement("div", {
70005
70017
  className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
70006
70018
  }, /*#__PURE__*/React.createElement("p", {
70007
- className: bgcssstyles.text1styles + " wordbreak m-0 ",
70019
+ className: bgcssstyles.text1styles + ' wordbreak m-0 ',
70008
70020
  style: {
70009
70021
  color: bgimagearrayofobjs[index].bg1_txtcolor
70010
70022
  }
70011
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React.createElement("p", {
70012
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak m-0 ",
70023
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
70024
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
70013
70025
  style: {
70014
70026
  color: bgimagearrayofobjs[index].bg1_descolor
70015
70027
  }
70016
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React.createElement("button", {
70017
- className: "".concat(bgcssstyles.btnresp) + " ",
70028
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
70029
+ className: "".concat(bgcssstyles.btnresp) + ' ',
70018
70030
  onClick: function onClick() {
70019
- if (item.IsClickable == "Yes") {
70020
- if (item.place_clickable == "Button") {
70031
+ if (item.IsClickable == 'Yes') {
70032
+ if (item.place_clickable == 'Button') {
70021
70033
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
70022
- routingcountext(item.clickable_page_route, false, "");
70034
+ routingcountext(item.clickable_page_route, false, '');
70023
70035
  } else {
70024
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
70036
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
70025
70037
  }
70026
70038
  }
70027
70039
  }
70028
70040
  }
70029
70041
  }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content)))))));
70030
- })), sectionproperties.showrespas == "Horizontal" && /*#__PURE__*/React.createElement("div", {
70042
+ })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
70031
70043
  "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
70032
70044
  }, /*#__PURE__*/React.createElement(ScrollMenu, {
70033
- transitionBehavior: "auto",
70034
- wrapperClassName: "",
70035
- itemClassName: "scrollimagebg"
70045
+ transitionBehavior: 'auto',
70046
+ wrapperClassName: '',
70047
+ itemClassName: 'scrollimagebg'
70036
70048
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
70037
70049
  return /*#__PURE__*/React.createElement("div", {
70038
- className: " col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100",
70050
+ className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
70039
70051
  style: {
70040
- paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
70041
- paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
70042
- cursor: item.place_clickable == "General" ? "pointer" : "default",
70043
- marginBottom: sectionproperties.image_mb + "px"
70052
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
70053
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
70054
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
70055
+ marginBottom: sectionproperties.image_mb + 'px'
70044
70056
  },
70045
70057
  onClick: function onClick() {
70046
- if (item.IsClickable == "Yes") {
70047
- if (item.place_clickable == "General") {
70048
- if (item.externallink == "Yes") {
70049
- window.open(item.clickable_page_route, "_blank");
70058
+ if (item.IsClickable == 'Yes') {
70059
+ if (item.place_clickable == 'General') {
70060
+ if (item.externallink == 'Yes') {
70061
+ window.open(item.clickable_page_route, '_blank');
70050
70062
  // history.push(item.clickable_page_route);
70051
70063
  } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
70052
- routingcountext(item.clickable_page_route, false, "");
70064
+ routingcountext(item.clickable_page_route, false, '');
70053
70065
  } else {
70054
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
70066
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
70055
70067
  }
70056
70068
  }
70057
70069
  }
70058
70070
  }
70059
70071
  }, /*#__PURE__*/React.createElement("div", {
70060
70072
  style: {
70061
- height: sectionproperties.bgcovercontain == "Contain" ? "auto" : sectionproperties.image_height + "vh"
70073
+ height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
70062
70074
  }
70063
70075
  }, /*#__PURE__*/React.createElement("div", {
70064
- className: "".concat(bgcssstyles.bgimage) + " d-none d-md-none d-sm-flex",
70076
+ className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
70065
70077
  style: {}
70066
70078
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
70067
70079
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
70068
70080
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
70069
- path: bgimagearrayofobjs.length != 0 ? langdetect != "ar" ? "/tr:w-" + sectionproperties.imagetr_w_resp + ",h-" + sectionproperties.imagetr_h_resp + "/" + bgimagearrayofobjs[index].bg1_imageresponsive : "/tr:w-" + sectionproperties.imagetr_w_resp + ",h-" + sectionproperties.imagetr_h_resp + "/" + bgimagearrayofobjs[index].bg1_imageresponsive_ar : "",
70070
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "objectFit-md-contain" : "",
70081
+ path: bgimagearrayofobjs.length != 0 ? langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
70082
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
70071
70083
  style: {
70072
- height: "100%",
70073
- width: "100%",
70084
+ height: '100%',
70085
+ width: '100%',
70074
70086
  objectFit: sectionproperties.bgcovercontain,
70075
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
70076
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
70077
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
70078
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
70087
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
70088
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
70089
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
70090
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
70079
70091
  }
70080
70092
  })), /*#__PURE__*/React.createElement("div", {
70081
- className: "".concat(bgcssstyles.bgImageContainer) + " col-lg-12 p-0 w-100 ",
70093
+ className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
70082
70094
  style: {
70083
- position: "absolute",
70095
+ position: 'absolute',
70084
70096
  top: 0,
70085
70097
  right: 0,
70086
70098
  bottom: 0,
@@ -70088,61 +70100,61 @@ var Twobgimages = function Twobgimages(props) {
70088
70100
  zIndex: 1
70089
70101
  }
70090
70102
  }, /*#__PURE__*/React.createElement("div", {
70091
- className: "".concat(bgcssstyles.centered_container) + " row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto "
70103
+ className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
70092
70104
  }, /*#__PURE__*/React.createElement("div", {
70093
- className: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? " d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch " : bgimagearrayofobjs[index].bg1_numberofcols >= "6" ? " d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch " : " d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ",
70105
+ className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
70094
70106
  style: {
70095
- position: "relative",
70096
- overflow: "hidden"
70107
+ position: 'relative',
70108
+ overflow: 'hidden'
70097
70109
  }
70098
70110
  }, /*#__PURE__*/React.createElement("p", {
70099
- className: bgcssstyles.text1styles + " d-flex justify-content-md-center wordbreak ",
70111
+ className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
70100
70112
  style: {
70101
- maxWidth: "100%",
70113
+ maxWidth: '100%',
70102
70114
  color: bgimagearrayofobjs[index].bg1_txtcolor
70103
70115
  }
70104
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React.createElement("p", {
70105
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak ",
70116
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
70117
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
70106
70118
  style: {
70107
70119
  color: bgimagearrayofobjs[index].bg1_descolor
70108
70120
  }
70109
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React.createElement("button", {
70110
- className: "".concat(bgcssstyles.btnone) + " allcentered ",
70121
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
70122
+ className: "".concat(bgcssstyles.btnone) + ' allcentered ',
70111
70123
  style: {
70112
- letterSpacing: langdetect != "ar" ? "1px" : 0
70124
+ letterSpacing: langdetect != 'ar' ? '1px' : 0
70113
70125
  },
70114
70126
  onClick: function onClick() {
70115
- if (item.IsClickable == "Yes") {
70116
- if (item.place_clickable == "Button") {
70127
+ if (item.IsClickable == 'Yes') {
70128
+ if (item.place_clickable == 'Button') {
70117
70129
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
70118
- routingcountext(item.clickable_page_route, false, "");
70130
+ routingcountext(item.clickable_page_route, false, '');
70119
70131
  } else {
70120
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
70132
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
70121
70133
  }
70122
70134
  }
70123
70135
  }
70124
70136
  }
70125
- }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content, " ")), /*#__PURE__*/React.createElement("div", {
70137
+ }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content, ' ')), /*#__PURE__*/React.createElement("div", {
70126
70138
  className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
70127
70139
  }, /*#__PURE__*/React.createElement("p", {
70128
- className: bgcssstyles.text1styles + " wordbreak m-0 ",
70140
+ className: bgcssstyles.text1styles + ' wordbreak m-0 ',
70129
70141
  style: {
70130
70142
  color: bgimagearrayofobjs[index].bg1_txtcolor
70131
70143
  }
70132
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React.createElement("p", {
70133
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak m-0 ",
70144
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
70145
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
70134
70146
  style: {
70135
70147
  color: bgimagearrayofobjs[index].bg1_descolor
70136
70148
  }
70137
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React.createElement("button", {
70138
- className: "".concat(bgcssstyles.btnresp) + " ",
70149
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
70150
+ className: "".concat(bgcssstyles.btnresp) + ' ',
70139
70151
  onClick: function onClick() {
70140
- if (item.IsClickable == "Yes") {
70141
- if (item.place_clickable == "Button") {
70152
+ if (item.IsClickable == 'Yes') {
70153
+ if (item.place_clickable == 'Button') {
70142
70154
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
70143
- routingcountext(item.clickable_page_route, false, "");
70155
+ routingcountext(item.clickable_page_route, false, '');
70144
70156
  } else {
70145
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
70157
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
70146
70158
  }
70147
70159
  }
70148
70160
  }
@@ -70151,15 +70163,55 @@ var Twobgimages = function Twobgimages(props) {
70151
70163
  })))));
70152
70164
  };
70153
70165
  return /*#__PURE__*/React.createElement("div", {
70154
- className: bgcssstyles.outercontainer + " row m-0 mx-auto ",
70166
+ className: bgcssstyles.outercontainer + ' row m-0 mx-auto ',
70155
70167
  style: {}
70156
- }, sectionproperties.showanimation == "Yes" && /*#__PURE__*/React.createElement("div", {
70157
- className: bgcssstyles.innercontainer + " col-lg-12 p-0 d-flex ",
70158
- "data-aos": "fade-up"
70159
- }, BackgroundImage()), sectionproperties.showanimation == "No" && /*#__PURE__*/React.createElement("div", {
70160
- className: bgcssstyles.innercontainer + " col-lg-12 p-0 d-flex ",
70168
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React.createElement("div", {
70169
+ className: bgcssstyles.innercontainer + ' col-lg-12 p-0 d-flex ',
70170
+ "data-aos": 'fade-up'
70171
+ }, BackgroundImage()), sectionproperties.showanimation == 'No' && /*#__PURE__*/React.createElement("div", {
70172
+ className: bgcssstyles.innercontainer + ' col-lg-12 p-0 d-flex ',
70161
70173
  style: {}
70162
- }, BackgroundImage()));
70174
+ }, BackgroundImage()), /*#__PURE__*/React.createElement(Modal, {
70175
+ show: opensizeguidemodal,
70176
+ onHide: function onHide() {
70177
+ setopensizeguidemodal(false);
70178
+ },
70179
+ centered: true,
70180
+ size: 'lg'
70181
+ }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
70182
+ className: "allcentered cursor-pointer",
70183
+ onClick: function onClick() {
70184
+ setopensizeguidemodal(false);
70185
+ },
70186
+ style: {
70187
+ position: 'absolute',
70188
+ top: 10,
70189
+ width: 35,
70190
+ height: 35,
70191
+ right: 10
70192
+ }
70193
+ }, /*#__PURE__*/React.createElement("i", {
70194
+ "class": ' h-100 allcentered text-black '
70195
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
70196
+ size: 25
70197
+ }))), /*#__PURE__*/React.createElement("div", {
70198
+ "class": ' w-100 h-100 px-4 py-5 ',
70199
+ style: {}
70200
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
70201
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
70202
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
70203
+ path: imageselected,
70204
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
70205
+ style: {
70206
+ height: '100%',
70207
+ width: '100%',
70208
+ objectFit: sectionproperties.bgcovercontain,
70209
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
70210
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
70211
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
70212
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
70213
+ }
70214
+ }))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
70163
70215
  };
70164
70216
 
70165
70217
  function ownKeys$1c(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; }