tabexseriescomponents 0.0.739 → 0.0.741

package/dist/index.cjs.js

@@ -51019,7 +51019,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
       color: sectionproperties.generaltext_fontColor,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
-  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar))))), sectionproperties.showbottomnav == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-none d-md-flex",
     style: {
       position: 'fixed',
@@ -62468,7 +62468,7 @@ styleInject(css_248z$i);
 function ownKeys$X(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; }
 function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Freetextsection = function Freetextsection(props) {
-  var _maincontainerarrayof2, _maincontainerarrayof3;
+  var _maincontainerarrayof2, _maincontainerarrayof3, _maincontainerarrayof4;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -62502,6 +62502,10 @@ var Freetextsection = function Freetextsection(props) {
   }, [sectionproperties]);
   var section_styles = {
     sectiontitlespan: glamor.css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      },
       ':after': {
         height: '5px',
         width: sectionproperties.sectitle_lineafterwidth + '%',
@@ -62564,7 +62568,7 @@ var Freetextsection = function Freetextsection(props) {
       "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
-        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
         width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
@@ -62581,6 +62585,7 @@ var Freetextsection = function Freetextsection(props) {
         fontWeight: sectionproperties.sectionTitleFontWeight,
         padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
         textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        // justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
       }
     }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": section_styles.line_right,
@@ -62663,15 +62668,8 @@ var Freetextsection = function Freetextsection(props) {
         paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "w-100 d-flex d-md-none",
-      style: {
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
-        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
-      }
-    }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "w-100 d-none d-md-flex",
+      "class": "w-100 d-flex",
       style: {
-        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
       }
     }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -62695,19 +62693,72 @@ var Freetextsection = function Freetextsection(props) {
     style: {
       background: sectionproperties.outerbgcolor
     }
+  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage) + ')' : '' : ''
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+    style: {
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      position: 'relative',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      width: sectionproperties.width + 'vw'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "",
+    style: {
+      background: sectionproperties.reservation_bgcolor,
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
+      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
+      paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
+      width: sectionproperties.innersectionWidth + '%'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.innercolsratio == '2:10' ? ' allcentered col-lg-2 col-md-12 p-md-0' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 allcentered col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 allcentered col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 allcentered col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 allcentered col-lg-7 col-md-12 p-md-0' : 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "w-100 d-flex allcentered mb-md-4"
+  }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
+    style: {
+      paddingLeft: langdetect == 'en' ? '50px' : 0,
+      paddingRight: langdetect == 'ar' ? '50px' : 0,
+      alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 text-start text-md-center",
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage) + ')' : '' : ''
+      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
     }
-  }, SectionContent('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center ',
     style: {
       marginTop: sectionproperties.marginTopResp + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
+      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof4 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof4 === void 0 ? void 0 : _maincontainerarrayof4.back_bgimage) + ')' : '' : ''
     }
   }, SectionContent('responsive')));
 };

package/dist/index.esm.js

@@ -50970,7 +50970,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
       color: sectionproperties.generaltext_fontColor,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
-  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar))))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar))))), sectionproperties.showbottomnav == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-none d-md-flex",
     style: {
       position: 'fixed',
@@ -62419,7 +62419,7 @@ styleInject(css_248z$i);
 function ownKeys$X(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; }
 function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Freetextsection = function Freetextsection(props) {
-  var _maincontainerarrayof2, _maincontainerarrayof3;
+  var _maincontainerarrayof2, _maincontainerarrayof3, _maincontainerarrayof4;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -62453,6 +62453,10 @@ var Freetextsection = function Freetextsection(props) {
   }, [sectionproperties]);
   var section_styles = {
     sectiontitlespan: css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      },
       ':after': {
         height: '5px',
         width: sectionproperties.sectitle_lineafterwidth + '%',
@@ -62515,7 +62519,7 @@ var Freetextsection = function Freetextsection(props) {
       "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
-        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
         width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
@@ -62532,6 +62536,7 @@ var Freetextsection = function Freetextsection(props) {
         fontWeight: sectionproperties.sectionTitleFontWeight,
         padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
         textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        // justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
       }
     }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
       "class": section_styles.line_right,
@@ -62614,15 +62619,8 @@ var Freetextsection = function Freetextsection(props) {
         paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "w-100 d-flex d-md-none",
-      style: {
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
-        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
-      }
-    }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
-      "class": "w-100 d-none d-md-flex",
+      "class": "w-100 d-flex",
       style: {
-        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
       }
     }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -62646,19 +62644,72 @@ var Freetextsection = function Freetextsection(props) {
     style: {
       background: sectionproperties.outerbgcolor
     }
+  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React.createElement("div", {
+    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage) + ')' : '' : ''
+    }
   }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+    style: {
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      position: 'relative',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      width: sectionproperties.width + 'vw'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "",
+    style: {
+      background: sectionproperties.reservation_bgcolor,
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
+      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
+      paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
+      width: sectionproperties.innersectionWidth + '%'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.innercolsratio == '2:10' ? ' allcentered col-lg-2 col-md-12 p-md-0' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 allcentered col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 allcentered col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 allcentered col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 allcentered col-lg-7 col-md-12 p-md-0' : 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0'
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 d-flex allcentered mb-md-4"
+  }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
+    style: {
+      paddingLeft: langdetect == 'en' ? '50px' : 0,
+      paddingRight: langdetect == 'ar' ? '50px' : 0,
+      alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 text-start text-md-center",
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
     "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage) + ')' : '' : ''
+      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
     }
-  }, SectionContent('normal')), /*#__PURE__*/React.createElement("div", {
+  }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
     "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center ',
     style: {
       marginTop: sectionproperties.marginTopResp + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
+      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof4 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof4 === void 0 ? void 0 : _maincontainerarrayof4.back_bgimage) + ')' : '' : ''
     }
   }, SectionContent('responsive')));
 };

package/dist/index.umd.js

@@ -50840,7 +50840,7 @@
           color: sectionproperties.generaltext_fontColor,
           fontWeight: sectionproperties.generaltext_fontWeight
         }
-      }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar))))), sectionproperties.showbottomnav == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-none d-md-flex",
         style: {
           position: 'fixed',
@@ -62289,7 +62289,7 @@
     function ownKeys$X(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; }
     function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Freetextsection = function Freetextsection(props) {
-      var _maincontainerarrayof2, _maincontainerarrayof3;
+      var _maincontainerarrayof2, _maincontainerarrayof3, _maincontainerarrayof4;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -62323,6 +62323,10 @@
       }, [sectionproperties]);
       var section_styles = {
         sectiontitlespan: glamor.css({
+          fontSize: sectionproperties.sectionTitleFontSize + 'px',
+          '@media (max-width: 800px)': {
+            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+          },
           ':after': {
             height: '5px',
             width: sectionproperties.sectitle_lineafterwidth + '%',
@@ -62385,7 +62389,7 @@
           "class": "d-flex align-items-center flex-row",
           style: {
             position: 'relative',
-            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
             width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
           }
         }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
@@ -62402,6 +62406,7 @@
             fontWeight: sectionproperties.sectionTitleFontWeight,
             padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
             textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+            // justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
           }
         }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
           "class": section_styles.line_right,
@@ -62484,15 +62489,8 @@
             paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "w-100 d-flex d-md-none",
-          style: {
-            fontSize: sectionproperties.sectionTitleFontSize + 'px',
-            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
-          }
-        }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "w-100 d-none d-md-flex",
+          "class": "w-100 d-flex",
           style: {
-            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
             justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
           }
         }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -62516,19 +62514,72 @@
         style: {
           background: sectionproperties.outerbgcolor
         }
+      }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
+        style: {
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px',
+          background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage) + ')' : '' : ''
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+        style: {
+          background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+          position: 'relative',
+          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          width: sectionproperties.width + 'vw'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "",
+        style: {
+          background: sectionproperties.reservation_bgcolor,
+          borderRadius: sectionproperties.reservation_borderradius + 'px',
+          boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
+          paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+          paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
+          paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
+          paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
+          width: sectionproperties.innersectionWidth + '%'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.innercolsratio == '2:10' ? ' allcentered col-lg-2 col-md-12 p-md-0' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 allcentered col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 allcentered col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 allcentered col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 allcentered col-lg-7 col-md-12 p-md-0' : 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0'
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100 d-flex allcentered mb-md-4"
+      }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
+        style: {
+          paddingLeft: langdetect == 'en' ? '50px' : 0,
+          paddingRight: langdetect == 'ar' ? '50px' : 0,
+          alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 text-start text-md-center",
+        style: {
+          fontSize: sectionproperties.prodCatFontSize + 'px'
+        }
+      }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
         style: {
           marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
-          background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage) + ')' : '' : ''
+          background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
         }
-      }, SectionContent('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center ',
         style: {
           marginTop: sectionproperties.marginTopResp + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
-          background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
+          background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof4 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof4 === void 0 ? void 0 : _maincontainerarrayof4.back_bgimage) + ')' : '' : ''
         }
       }, SectionContent('responsive')));
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.739",
+    "version": "0.0.741",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {