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