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.umd.js CHANGED
@@ -69554,7 +69554,7 @@
69554
69554
  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; }
69555
69555
  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; }
69556
69556
  var Twobgimages = function Twobgimages(props) {
69557
- var _useState = React.useState(""),
69557
+ var _useState = React.useState(''),
69558
69558
  _useState2 = _slicedToArray__default["default"](_useState, 2),
69559
69559
  sectionproperties = _useState2[0],
69560
69560
  setsectionproperties = _useState2[1];
@@ -69574,8 +69574,16 @@
69574
69574
  var ikimagecredcontext = props.actions.ikimagecredcontext;
69575
69575
  props.actions.history;
69576
69576
  props.actions;
69577
+ var _useState7 = React.useState(false),
69578
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
69579
+ opensizeguidemodal = _useState8[0],
69580
+ setopensizeguidemodal = _useState8[1];
69581
+ var _useState9 = React.useState(''),
69582
+ _useState0 = _slicedToArray__default["default"](_useState9, 2),
69583
+ imageselected = _useState0[0],
69584
+ setimageselected = _useState0[1];
69577
69585
  React.useEffect(function () {
69578
- if (props.srcfrom == "addsectionform") {
69586
+ if (props.srcfrom == 'addsectionform') {
69579
69587
  var secpropobj = {};
69580
69588
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
69581
69589
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
@@ -69607,125 +69615,125 @@
69607
69615
  }, [sectionproperties]);
69608
69616
  var bgcssstyles = {
69609
69617
  innercontainer: glamor.css({
69610
- marginTop: sectionproperties.marginTop + "px",
69611
- marginBottom: sectionproperties.marginBottom + "px",
69612
- "@media (max-width: 800px)": {
69613
- marginTop: sectionproperties.marginTopResp + "px",
69614
- marginBottom: sectionproperties.marginBottomResp + "px"
69618
+ marginTop: sectionproperties.marginTop + 'px',
69619
+ marginBottom: sectionproperties.marginBottom + 'px',
69620
+ '@media (max-width: 800px)': {
69621
+ marginTop: sectionproperties.marginTopResp + 'px',
69622
+ marginBottom: sectionproperties.marginBottomResp + 'px'
69615
69623
  }
69616
69624
  }),
69617
69625
  outercontainer: glamor.css({
69618
- width: sectionproperties.width + "vw",
69619
- "@media (max-width: 800px)": {
69620
- width: sectionproperties.widthresponsive + "vw"
69626
+ width: sectionproperties.width + 'vw',
69627
+ '@media (max-width: 800px)': {
69628
+ width: sectionproperties.widthresponsive + 'vw'
69621
69629
  }
69622
69630
  }),
69623
69631
  bgImageContainer: glamor.css({
69624
- height: sectionproperties.height + "vh",
69625
- backgroundPosition: "center",
69626
- backgroundRepeat: "no-repeat",
69627
- backgroundSize: "cover",
69632
+ height: sectionproperties.height + 'vh',
69633
+ backgroundPosition: 'center',
69634
+ backgroundRepeat: 'no-repeat',
69635
+ backgroundSize: 'cover',
69628
69636
  margin: 0,
69629
69637
  padding: 0,
69630
- position: "relative",
69631
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + "px",
69632
- borderTopRightRadius: sectionproperties.borderTopRightRadius + "px",
69633
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + "px",
69634
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + "px",
69635
- alignItems: sectionproperties.generaltext_textposition == "Center Center" ? "center" : sectionproperties.generaltext_textposition == "Top Left" ? "" : "",
69636
- justifyContent: sectionproperties.generaltext_textposition == "Center Center" ? "center" : ""
69638
+ position: 'relative',
69639
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
69640
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
69641
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
69642
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
69643
+ alignItems: sectionproperties.generaltext_textposition == 'Center Center' ? 'center' : sectionproperties.generaltext_textposition == 'Top Left' ? '' : '',
69644
+ justifyContent: sectionproperties.generaltext_textposition == 'Center Center' ? 'center' : ''
69637
69645
  }),
69638
69646
  centered_container: glamor.css({
69639
- position: "absolute",
69640
- display: "flex",
69641
- width: "100%",
69642
- height: "100%",
69647
+ position: 'absolute',
69648
+ display: 'flex',
69649
+ width: '100%',
69650
+ height: '100%',
69643
69651
  zIndex: 100,
69644
- "@media (max-width: 800px)": {
69645
- bottom: "30px"
69652
+ '@media (max-width: 800px)': {
69653
+ bottom: '30px'
69646
69654
  }
69647
69655
  }),
69648
69656
  bgimage: glamor.css({
69649
- ":before": {
69650
- content: "h",
69651
- position: "absolute",
69652
- width: "100%",
69653
- height: "100%",
69654
- backgroundColor: "rgba(0,0,0," + sectionproperties.darknessopacity + ")",
69657
+ ':before': {
69658
+ content: 'h',
69659
+ position: 'absolute',
69660
+ width: '100%',
69661
+ height: '100%',
69662
+ backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
69655
69663
  top: 0,
69656
69664
  borrom: 0,
69657
69665
  right: 0,
69658
69666
  left: 0,
69659
69667
  zIndex: 1,
69660
69668
  fontSize: 0,
69661
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
69662
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
69663
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
69664
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
69669
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
69670
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
69671
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
69672
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
69665
69673
  },
69666
- height: "100%",
69667
- width: "100%",
69668
- "@media (max-width: 800px)": {
69669
- width: sectionproperties.innerwidthheightresp + "%",
69670
- height: sectionproperties.innerwidthheightresp + "%"
69674
+ height: '100%',
69675
+ width: '100%',
69676
+ '@media (max-width: 800px)': {
69677
+ width: sectionproperties.innerwidthheightresp + '%',
69678
+ height: sectionproperties.innerwidthheightresp + '%'
69671
69679
  }
69672
69680
  }),
69673
69681
  text1styles: glamor.css({
69674
- fontSize: sectionproperties.slideshowText1ContentFontSize + "px",
69682
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
69675
69683
  fontWeight: sectionproperties.slideshowText1ContentFontWeight,
69676
- marginTop: sectionproperties.slideshowText1Content_marginTop + "px",
69677
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + "px",
69678
- marginLeft: sectionproperties.slideshowText1Content_marginLeft + "px",
69679
- textAlign: sectionproperties.text1centered == "Centered" ? "center" : langdetect != "ar" ? "left" : "right"
69684
+ marginTop: sectionproperties.slideshowText1Content_marginTop + 'px',
69685
+ marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
69686
+ marginLeft: sectionproperties.slideshowText1Content_marginLeft + 'px',
69687
+ textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
69680
69688
  }),
69681
69689
  text2styles: glamor.css({
69682
- marginBottom: sectionproperties.slideshowText2Content_marginBottom + "px",
69683
- fontSize: sectionproperties.slideshowText2ContentFontSize + "px",
69690
+ marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px',
69691
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
69684
69692
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
69685
- marginLeft: sectionproperties.generaltext2_leftposition + "px",
69686
- textAlign: sectionproperties.text2centered == "Centered" ? "center" : langdetect != "ar" ? "left" : "right"
69693
+ marginLeft: sectionproperties.generaltext2_leftposition + 'px',
69694
+ textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
69687
69695
  }),
69688
69696
  btnone: glamor.css({
69689
- width: sectionproperties.generalbtn_width + "px",
69690
- height: sectionproperties.generalbtn_height + "px",
69691
- background: sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColor,
69692
- fontSize: sectionproperties.generalbtn_fontsize + "px",
69697
+ width: sectionproperties.generalbtn_width + 'px',
69698
+ height: sectionproperties.generalbtn_height + 'px',
69699
+ background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
69700
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
69693
69701
  color: sectionproperties.generalbtn_textColor,
69694
69702
  textTransform: sectionproperties.generalbtn_texttransform,
69695
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + "px",
69696
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + "px",
69697
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + "px",
69698
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + "px",
69703
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
69704
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
69705
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
69706
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
69699
69707
  fontWeight: sectionproperties.generalbtn_fontweight,
69700
- border: sectionproperties.generalbtn_borderwidth + "px solid " + sectionproperties.generalbtn_bordercolor,
69701
- marginLeft: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect != "ar" ? sectionproperties.generalbtn_leftposition + "px" : "",
69702
- marginRight: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect == "ar" ? sectionproperties.generalbtn_leftposition + "px" : "",
69703
- marginTop: "auto",
69704
- marginBottom: sectionproperties.generalbtn_topposition + "px",
69705
- transition: ".3s",
69706
- ":hover": {
69707
- background: sectionproperties.generalbtn_bgColortransparentonhover == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColoronhover,
69708
+ border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
69709
+ marginLeft: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect != 'ar' ? sectionproperties.generalbtn_leftposition + 'px' : '',
69710
+ marginRight: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'ar' ? sectionproperties.generalbtn_leftposition + 'px' : '',
69711
+ marginTop: 'auto',
69712
+ marginBottom: sectionproperties.generalbtn_topposition + 'px',
69713
+ transition: '.3s',
69714
+ ':hover': {
69715
+ background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
69708
69716
  color: sectionproperties.generalbtn_textColoronhover
69709
69717
  }
69710
69718
  }),
69711
69719
  btnresp: glamor.css({
69712
- width: sectionproperties.generalbtn_width + "px",
69713
- height: sectionproperties.generalbtn_height + "px",
69714
- background: sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColor,
69715
- fontSize: sectionproperties.generalbtn_fontsize + "px",
69720
+ width: sectionproperties.generalbtn_width + 'px',
69721
+ height: sectionproperties.generalbtn_height + 'px',
69722
+ background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
69723
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
69716
69724
  color: sectionproperties.generalbtn_textColor,
69717
69725
  textTransform: sectionproperties.generalbtn_texttransform,
69718
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + "px",
69719
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + "px",
69720
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + "px",
69721
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + "px",
69726
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
69727
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
69728
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
69729
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
69722
69730
  fontWeight: sectionproperties.generalbtn_fontweight,
69723
- border: sectionproperties.generalbtn_borderwidth + "px solid " + sectionproperties.generalbtn_bordercolor,
69724
- marginLeft: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect != "ar" ? "16px" : "",
69725
- marginRight: sectionproperties.generalbtn_position == "Centered" ? "auto" : langdetect == "ar" ? "16px" : "",
69726
- transition: ".3s",
69727
- ":hover": {
69728
- background: sectionproperties.generalbtn_bgColortransparentonhover == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColoronhover,
69731
+ border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
69732
+ marginLeft: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect != 'ar' ? '16px' : '',
69733
+ marginRight: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'ar' ? '16px' : '',
69734
+ transition: '.3s',
69735
+ ':hover': {
69736
+ background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
69729
69737
  color: sectionproperties.generalbtn_textColoronhover
69730
69738
  }
69731
69739
  })
@@ -69733,42 +69741,46 @@
69733
69741
  var BackgroundImage = function BackgroundImage() {
69734
69742
  var _bgimagearrayofobjs$;
69735
69743
  return /*#__PURE__*/React__default["default"].createElement("div", {
69736
- 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",
69737
- style: {
69738
- paddingTop: sectionproperties.paddingTop + "px",
69739
- paddingBottom: sectionproperties.paddingBottom + "px",
69740
- paddingLeft: sectionproperties.paddingLeft + "px",
69741
- paddingRight: sectionproperties.paddingRight + "px",
69742
- backgroundImage: maincontainerarrayofobjs.length != 0 ? "url(" + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ")" : "",
69743
- backgroundSize: "cover",
69744
+ 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',
69745
+ style: {
69746
+ paddingTop: sectionproperties.paddingTop + 'px',
69747
+ paddingBottom: sectionproperties.paddingBottom + 'px',
69748
+ paddingLeft: sectionproperties.paddingLeft + 'px',
69749
+ paddingRight: sectionproperties.paddingRight + 'px',
69750
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
69751
+ backgroundSize: 'cover',
69744
69752
  background: sectionproperties.backgroundColor
69745
69753
  }
69746
69754
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69747
- className: sectionproperties.collectionssectionshow == "Show" ? "col-lg-10 col-md-12 p-md-0" : "col-lg-12 p-0"
69755
+ className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
69748
69756
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69749
- 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",
69757
+ 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',
69750
69758
  style: {
69751
- justifyContent: sectionproperties.justifyContentCenter == "Centered" ? "center" : "start"
69759
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
69752
69760
  }
69753
69761
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
69754
69762
  return /*#__PURE__*/React__default["default"].createElement("div", {
69755
- 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,
69763
+ 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,
69756
69764
  style: {
69757
- paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
69758
- paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
69759
- cursor: item.place_clickable == "General" ? "pointer" : "default",
69760
- marginBottom: sectionproperties.image_mb + "px"
69765
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
69766
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
69767
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
69768
+ marginBottom: sectionproperties.image_mb + 'px'
69761
69769
  },
69762
69770
  onClick: function onClick() {
69763
- if (item.IsClickable == "Yes") {
69764
- if (item.place_clickable == "General") {
69765
- if (item.externallink == "Yes") {
69766
- window.open(item.clickable_page_route, "_blank");
69771
+ if (sectionproperties.openimagewhenclick == 'Yes') {
69772
+ setopensizeguidemodal(true);
69773
+ 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);
69774
+ }
69775
+ if (item.IsClickable == 'Yes') {
69776
+ if (item.place_clickable == 'General') {
69777
+ if (item.externallink == 'Yes') {
69778
+ window.open(item.clickable_page_route, '_blank');
69767
69779
  // history.push(item.clickable_page_route);
69768
69780
  } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
69769
- routingcountext(item.clickable_page_route, false, "");
69781
+ routingcountext(item.clickable_page_route, false, '');
69770
69782
  } else {
69771
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
69783
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
69772
69784
  }
69773
69785
  }
69774
69786
  }
@@ -69776,48 +69788,48 @@
69776
69788
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69777
69789
  className: "row ml-0 mr-0 d-flex justify-content-center w-100"
69778
69790
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69779
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "col-lg-12 p-0 h-md-auto allcentered" : "col-lg-12 p-0 allcentered",
69791
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto allcentered' : 'col-lg-12 p-0 allcentered',
69780
69792
  style: {
69781
- height: sectionproperties.bgcovercontain == "Contain" ? "auto" : sectionproperties.image_height + "vh"
69793
+ height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
69782
69794
  }
69783
69795
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69784
- className: "".concat(bgcssstyles.bgimage) + " d-md-flex d-sm-none ",
69796
+ className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
69785
69797
  style: {}
69786
69798
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
69787
69799
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69788
69800
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69789
- 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 : "",
69790
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "objectFit-md-contain" : "",
69801
+ 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 : '',
69802
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
69791
69803
  style: {
69792
- height: "100%",
69793
- width: "100%",
69804
+ height: '100%',
69805
+ width: '100%',
69794
69806
  objectFit: sectionproperties.bgcovercontain,
69795
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
69796
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
69797
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
69798
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
69807
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
69808
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
69809
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
69810
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
69799
69811
  }
69800
69812
  })), /*#__PURE__*/React__default["default"].createElement("div", {
69801
- className: "".concat(bgcssstyles.bgimage) + " d-none d-md-none d-sm-flex",
69813
+ className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
69802
69814
  style: {}
69803
69815
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
69804
69816
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69805
69817
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69806
- 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 : "",
69807
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "objectFit-md-contain" : "",
69818
+ 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 : '',
69819
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
69808
69820
  style: {
69809
- height: "100%",
69810
- width: "100%",
69821
+ height: '100%',
69822
+ width: '100%',
69811
69823
  objectFit: sectionproperties.bgcovercontain,
69812
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
69813
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
69814
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
69815
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
69824
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
69825
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
69826
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
69827
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
69816
69828
  }
69817
69829
  })), /*#__PURE__*/React__default["default"].createElement("div", {
69818
- className: "".concat(bgcssstyles.bgImageContainer) + " col-lg-12 p-0 w-100 ",
69830
+ className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
69819
69831
  style: {
69820
- position: "absolute",
69832
+ position: 'absolute',
69821
69833
  top: 0,
69822
69834
  right: 0,
69823
69835
  bottom: 0,
@@ -69825,36 +69837,36 @@
69825
69837
  zIndex: 1
69826
69838
  }
69827
69839
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69828
- className: "".concat(bgcssstyles.centered_container) + " row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto "
69840
+ className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
69829
69841
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69830
- 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 ",
69842
+ 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 ',
69831
69843
  style: {
69832
- position: "relative",
69833
- overflow: "hidden"
69844
+ position: 'relative',
69845
+ overflow: 'hidden'
69834
69846
  }
69835
69847
  }, /*#__PURE__*/React__default["default"].createElement("p", {
69836
- className: bgcssstyles.text1styles + " d-flex justify-content-md-center wordbreak ",
69848
+ className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
69837
69849
  style: {
69838
- maxWidth: "100%",
69850
+ maxWidth: '100%',
69839
69851
  color: bgimagearrayofobjs[index].bg1_txtcolor
69840
69852
  }
69841
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
69842
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak ",
69853
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69854
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
69843
69855
  style: {
69844
69856
  color: bgimagearrayofobjs[index].bg1_descolor
69845
69857
  }
69846
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React__default["default"].createElement("button", {
69847
- className: "".concat(bgcssstyles.btnone) + " allcentered ",
69858
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
69859
+ className: "".concat(bgcssstyles.btnone) + ' allcentered ',
69848
69860
  style: {
69849
- letterSpacing: langdetect != "ar" ? "1px" : 0
69861
+ letterSpacing: langdetect != 'ar' ? '1px' : 0
69850
69862
  },
69851
69863
  onClick: function onClick() {
69852
- if (item.IsClickable == "Yes") {
69853
- if (item.place_clickable == "Button") {
69864
+ if (item.IsClickable == 'Yes') {
69865
+ if (item.place_clickable == 'Button') {
69854
69866
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
69855
- routingcountext(item.clickable_page_route, false, "");
69867
+ routingcountext(item.clickable_page_route, false, '');
69856
69868
  } else {
69857
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
69869
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
69858
69870
  }
69859
69871
  }
69860
69872
  }
@@ -69862,83 +69874,83 @@
69862
69874
  }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content)), /*#__PURE__*/React__default["default"].createElement("div", {
69863
69875
  className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
69864
69876
  }, /*#__PURE__*/React__default["default"].createElement("p", {
69865
- className: bgcssstyles.text1styles + " wordbreak m-0 ",
69877
+ className: bgcssstyles.text1styles + ' wordbreak m-0 ',
69866
69878
  style: {
69867
69879
  color: bgimagearrayofobjs[index].bg1_txtcolor
69868
69880
  }
69869
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
69870
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak m-0 ",
69881
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69882
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
69871
69883
  style: {
69872
69884
  color: bgimagearrayofobjs[index].bg1_descolor
69873
69885
  }
69874
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React__default["default"].createElement("button", {
69875
- className: "".concat(bgcssstyles.btnresp) + " ",
69886
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
69887
+ className: "".concat(bgcssstyles.btnresp) + ' ',
69876
69888
  onClick: function onClick() {
69877
- if (item.IsClickable == "Yes") {
69878
- if (item.place_clickable == "Button") {
69889
+ if (item.IsClickable == 'Yes') {
69890
+ if (item.place_clickable == 'Button') {
69879
69891
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
69880
- routingcountext(item.clickable_page_route, false, "");
69892
+ routingcountext(item.clickable_page_route, false, '');
69881
69893
  } else {
69882
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
69894
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
69883
69895
  }
69884
69896
  }
69885
69897
  }
69886
69898
  }
69887
69899
  }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content)))))));
69888
- })), sectionproperties.showrespas == "Horizontal" && /*#__PURE__*/React__default["default"].createElement("div", {
69900
+ })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
69889
69901
  "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
69890
69902
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
69891
- transitionBehavior: "auto",
69892
- wrapperClassName: "",
69893
- itemClassName: "scrollimagebg"
69903
+ transitionBehavior: 'auto',
69904
+ wrapperClassName: '',
69905
+ itemClassName: 'scrollimagebg'
69894
69906
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
69895
69907
  return /*#__PURE__*/React__default["default"].createElement("div", {
69896
- className: " col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100",
69908
+ className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
69897
69909
  style: {
69898
- paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
69899
- paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == "12" ? 0 : sectionproperties.imagepadding + "px",
69900
- cursor: item.place_clickable == "General" ? "pointer" : "default",
69901
- marginBottom: sectionproperties.image_mb + "px"
69910
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
69911
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
69912
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
69913
+ marginBottom: sectionproperties.image_mb + 'px'
69902
69914
  },
69903
69915
  onClick: function onClick() {
69904
- if (item.IsClickable == "Yes") {
69905
- if (item.place_clickable == "General") {
69906
- if (item.externallink == "Yes") {
69907
- window.open(item.clickable_page_route, "_blank");
69916
+ if (item.IsClickable == 'Yes') {
69917
+ if (item.place_clickable == 'General') {
69918
+ if (item.externallink == 'Yes') {
69919
+ window.open(item.clickable_page_route, '_blank');
69908
69920
  // history.push(item.clickable_page_route);
69909
69921
  } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
69910
- routingcountext(item.clickable_page_route, false, "");
69922
+ routingcountext(item.clickable_page_route, false, '');
69911
69923
  } else {
69912
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
69924
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
69913
69925
  }
69914
69926
  }
69915
69927
  }
69916
69928
  }
69917
69929
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69918
69930
  style: {
69919
- height: sectionproperties.bgcovercontain == "Contain" ? "auto" : sectionproperties.image_height + "vh"
69931
+ height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
69920
69932
  }
69921
69933
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69922
- className: "".concat(bgcssstyles.bgimage) + " d-none d-md-none d-sm-flex",
69934
+ className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
69923
69935
  style: {}
69924
69936
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
69925
69937
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69926
69938
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69927
- 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 : "",
69928
- className: sectionproperties.bgcovercontainresponsive == "Contain" ? "objectFit-md-contain" : "",
69939
+ 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 : '',
69940
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
69929
69941
  style: {
69930
- height: "100%",
69931
- width: "100%",
69942
+ height: '100%',
69943
+ width: '100%',
69932
69944
  objectFit: sectionproperties.bgcovercontain,
69933
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
69934
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
69935
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
69936
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
69945
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
69946
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
69947
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
69948
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
69937
69949
  }
69938
69950
  })), /*#__PURE__*/React__default["default"].createElement("div", {
69939
- className: "".concat(bgcssstyles.bgImageContainer) + " col-lg-12 p-0 w-100 ",
69951
+ className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
69940
69952
  style: {
69941
- position: "absolute",
69953
+ position: 'absolute',
69942
69954
  top: 0,
69943
69955
  right: 0,
69944
69956
  bottom: 0,
@@ -69946,61 +69958,61 @@
69946
69958
  zIndex: 1
69947
69959
  }
69948
69960
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69949
- className: "".concat(bgcssstyles.centered_container) + " row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto "
69961
+ className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
69950
69962
  }, /*#__PURE__*/React__default["default"].createElement("div", {
69951
- 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 ",
69963
+ 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 ',
69952
69964
  style: {
69953
- position: "relative",
69954
- overflow: "hidden"
69965
+ position: 'relative',
69966
+ overflow: 'hidden'
69955
69967
  }
69956
69968
  }, /*#__PURE__*/React__default["default"].createElement("p", {
69957
- className: bgcssstyles.text1styles + " d-flex justify-content-md-center wordbreak ",
69969
+ className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
69958
69970
  style: {
69959
- maxWidth: "100%",
69971
+ maxWidth: '100%',
69960
69972
  color: bgimagearrayofobjs[index].bg1_txtcolor
69961
69973
  }
69962
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
69963
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak ",
69974
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
69975
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
69964
69976
  style: {
69965
69977
  color: bgimagearrayofobjs[index].bg1_descolor
69966
69978
  }
69967
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React__default["default"].createElement("button", {
69968
- className: "".concat(bgcssstyles.btnone) + " allcentered ",
69979
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
69980
+ className: "".concat(bgcssstyles.btnone) + ' allcentered ',
69969
69981
  style: {
69970
- letterSpacing: langdetect != "ar" ? "1px" : 0
69982
+ letterSpacing: langdetect != 'ar' ? '1px' : 0
69971
69983
  },
69972
69984
  onClick: function onClick() {
69973
- if (item.IsClickable == "Yes") {
69974
- if (item.place_clickable == "Button") {
69985
+ if (item.IsClickable == 'Yes') {
69986
+ if (item.place_clickable == 'Button') {
69975
69987
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
69976
- routingcountext(item.clickable_page_route, false, "");
69988
+ routingcountext(item.clickable_page_route, false, '');
69977
69989
  } else {
69978
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
69990
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
69979
69991
  }
69980
69992
  }
69981
69993
  }
69982
69994
  }
69983
- }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content, " ")), /*#__PURE__*/React__default["default"].createElement("div", {
69995
+ }, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content, ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
69984
69996
  className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
69985
69997
  }, /*#__PURE__*/React__default["default"].createElement("p", {
69986
- className: bgcssstyles.text1styles + " wordbreak m-0 ",
69998
+ className: bgcssstyles.text1styles + ' wordbreak m-0 ',
69987
69999
  style: {
69988
70000
  color: bgimagearrayofobjs[index].bg1_txtcolor
69989
70001
  }
69990
- }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
69991
- className: bgcssstyles.text2styles + " d-flex justify-content-md-center wordbreak m-0 ",
70002
+ }, bgimagearrayofobjs[index]["bg1_text_".concat(langdetect)] || bgimagearrayofobjs[index].bg1_text_en), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
70003
+ className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
69992
70004
  style: {
69993
70005
  color: bgimagearrayofobjs[index].bg1_descolor
69994
70006
  }
69995
- }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == "Show" && /*#__PURE__*/React__default["default"].createElement("button", {
69996
- className: "".concat(bgcssstyles.btnresp) + " ",
70007
+ }, bgimagearrayofobjs[index]["bg1_description".concat(langdetect)] || bgimagearrayofobjs[index].bg1_descriptionen), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
70008
+ className: "".concat(bgcssstyles.btnresp) + ' ',
69997
70009
  onClick: function onClick() {
69998
- if (item.IsClickable == "Yes") {
69999
- if (item.place_clickable == "Button") {
70010
+ if (item.IsClickable == 'Yes') {
70011
+ if (item.place_clickable == 'Button') {
70000
70012
  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
70001
- routingcountext(item.clickable_page_route, false, "");
70013
+ routingcountext(item.clickable_page_route, false, '');
70002
70014
  } else {
70003
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickable_Reference_Collection_ID);
70015
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
70004
70016
  }
70005
70017
  }
70006
70018
  }
@@ -70009,15 +70021,55 @@
70009
70021
  })))));
70010
70022
  };
70011
70023
  return /*#__PURE__*/React__default["default"].createElement("div", {
70012
- className: bgcssstyles.outercontainer + " row m-0 mx-auto ",
70024
+ className: bgcssstyles.outercontainer + ' row m-0 mx-auto ',
70013
70025
  style: {}
70014
- }, sectionproperties.showanimation == "Yes" && /*#__PURE__*/React__default["default"].createElement("div", {
70015
- className: bgcssstyles.innercontainer + " col-lg-12 p-0 d-flex ",
70016
- "data-aos": "fade-up"
70017
- }, BackgroundImage()), sectionproperties.showanimation == "No" && /*#__PURE__*/React__default["default"].createElement("div", {
70018
- className: bgcssstyles.innercontainer + " col-lg-12 p-0 d-flex ",
70026
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
70027
+ className: bgcssstyles.innercontainer + ' col-lg-12 p-0 d-flex ',
70028
+ "data-aos": 'fade-up'
70029
+ }, BackgroundImage()), sectionproperties.showanimation == 'No' && /*#__PURE__*/React__default["default"].createElement("div", {
70030
+ className: bgcssstyles.innercontainer + ' col-lg-12 p-0 d-flex ',
70019
70031
  style: {}
70020
- }, BackgroundImage()));
70032
+ }, BackgroundImage()), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
70033
+ show: opensizeguidemodal,
70034
+ onHide: function onHide() {
70035
+ setopensizeguidemodal(false);
70036
+ },
70037
+ centered: true,
70038
+ size: 'lg'
70039
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
70040
+ className: "allcentered cursor-pointer",
70041
+ onClick: function onClick() {
70042
+ setopensizeguidemodal(false);
70043
+ },
70044
+ style: {
70045
+ position: 'absolute',
70046
+ top: 10,
70047
+ width: 35,
70048
+ height: 35,
70049
+ right: 10
70050
+ }
70051
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
70052
+ "class": ' h-100 allcentered text-black '
70053
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
70054
+ size: 25
70055
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
70056
+ "class": ' w-100 h-100 px-4 py-5 ',
70057
+ style: {}
70058
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
70059
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
70060
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
70061
+ path: imageselected,
70062
+ className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
70063
+ style: {
70064
+ height: '100%',
70065
+ width: '100%',
70066
+ objectFit: sectionproperties.bgcovercontain,
70067
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
70068
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
70069
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
70070
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
70071
+ }
70072
+ }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
70021
70073
  };
70022
70074
 
70023
70075
  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; }