tabexseriescomponents 0.2.761 → 0.2.763

package/dist/index.cjs.js

@@ -32517,7 +32517,7 @@ var FloatingIcons = function FloatingIcons(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), /*#__PURE__*/React__default["default"].createElement("a", {
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
     style: {
@@ -69330,32 +69330,28 @@ var Slideshowfade = function Slideshowfade(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    cardsarray = _useState4[0],
-    setcardsarray = _useState4[1];
-  var _useState5 = React.useState([]),
+    bgimagearrayofobjs = _useState4[0],
+    setbgimagearrayofobjs = _useState4[1];
+  var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    bgimagearrayofobjs = _useState6[0],
-    setbgimagearrayofobjs = _useState6[1];
+    langg = _useState6[0],
+    setlangg = _useState6[1];
   var _useState7 = React.useState(''),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    langg = _useState8[0],
-    setlangg = _useState8[1];
-  var _useState9 = React.useState(''),
+    curr = _useState8[0],
+    setcurr = _useState8[1];
+  var _useState9 = React.useState(false),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    curr = _useState10[0],
-    setcurr = _useState10[1];
+    active = _useState10[0],
+    setactive = _useState10[1];
   var _useState11 = React.useState(false),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    active = _useState12[0],
-    setactive = _useState12[1];
+    active2 = _useState12[0],
+    setactive2 = _useState12[1];
   var _useState13 = React.useState(false),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    active2 = _useState14[0],
-    setactive2 = _useState14[1];
-  var _useState15 = React.useState(false),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2);
-    _useState16[0];
-    _useState16[1];
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    _useState14[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -69392,14 +69388,6 @@ var Slideshowfade = function Slideshowfade(props) {
       }
     }
   }, [sectionproperties]);
-  React.useEffect(function () {
-    if (sectionproperties.length != 0 && sectionproperties.card_arrayofobjects != undefined) {
-      var card_arrayofobjsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
-      if (Array.isArray(card_arrayofobjsparsed)) {
-        setcardsarray(_toConsumableArray__default["default"](card_arrayofobjsparsed));
-      }
-    }
-  }, [sectionproperties]);
   var Slideshowsettings = {
     indicators: false,
     arrows: sectionproperties.showarrows == 'Show' ? true : false,
@@ -69408,32 +69396,21 @@ var Slideshowfade = function Slideshowfade(props) {
   };
   var SlideShowTextContainer = function SlideShowTextContainer(item) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'row m-0 w-100 pl-md-2 pr-md-2',
-      style: {
-        position: 'absolute',
-        top: '40%',
-        zIndex: 1000,
-        paddingTop: sectionproperties.paddingTop + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
-      }
+      "class": slideshow_styles.textsectioncontainer + ' row m-0 pl-md-2 pr-md-2 w-md-100 ',
+      style: {}
     }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "m-0 p-0 wordbreak text-sm-center",
+      className: slideshow_styles.text1styles + ' m-0 p-0 wordbreak text-sm-center ',
       style: {
-        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-        color: sectionproperties.slideshowText1ContentColor,
-        fontWeight: sectionproperties.slideshowText1ContentFontWeight
+        textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? item.titleen : item.titlear)), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "m-0 p-0 wordbreak",
+      className: slideshow_styles.text2styles + ' m-0 p-0 wordbreak ',
       style: {
-        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-        color: sectionproperties.slideshowText2ContentColor,
-        fontWeight: sectionproperties.slideshowText2ContentFontWeight
+        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? item.descriptionen : item.descriptionar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered mt-3' : 'col-lg-12 d-flex justify-content-start mt-3'
@@ -69487,20 +69464,6 @@ var Slideshowfade = function Slideshowfade(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
-    innerSection: glamor.css({
-      // position: 'relative',
-      zIndex: 1000,
-      bottom: 0,
-      marginTop: '-50px',
-      width: sectionproperties.innersectionWidth + '%',
-      backgroundColor: sectionproperties.reservation_bgcolor,
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingTop: sectionproperties.reservation_padding_top + 'px',
-      paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
-      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-    }),
     choice: glamor.css({
       width: 100,
       height: 40,
@@ -69517,6 +69480,34 @@ var Slideshowfade = function Slideshowfade(props) {
       height: 40,
       border: '1px solid ' + sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_bgColoronhover
+    }),
+    text1styles: glamor.css({
+      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+      color: sectionproperties.slideshowText1ContentColor,
+      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.slideshowText1ContentFontSize_resp + 'px'
+      }
+    }),
+    text2styles: glamor.css({
+      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+      color: sectionproperties.slideshowText2ContentColor,
+      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px'
+      }
+    }),
+    textsectioncontainer: glamor.css({
+      position: 'absolute',
+      top: sectionproperties.textsectionpositionfromtop + '%',
+      zIndex: 1000,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+      paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px',
+      width: sectionproperties.textsectionwidth + '%',
+      '@media (max-width: 800px)': {
+        top: sectionproperties.textsectionpositionfromtopresp + '%'
+      }
     })
   };
   var setcurrlang = function setcurrlang(item) {
@@ -69682,7 +69673,12 @@ var Slideshowfade = function Slideshowfade(props) {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
           paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
         }
-      }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-flex align-items-center",
+        style: {
+          justifyContent: sectionproperties.textsectionposition == 'End' ? 'end' : sectionproperties.textsectionposition == 'Centered' ? 'center' : 'start'
+        }
+      }, SlideShowTextContainer(item))), /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
           if (sectionproperties.showcurrencylangcont != 'Show') {
             if (item.IsClickableimg == 'Yes') {
@@ -69728,49 +69724,7 @@ var Slideshowfade = function Slideshowfade(props) {
           paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
         }
       }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
-    })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": ' row m-0 w-100 align-items-center justify-content-center '
-    }, cardsarray.map(function (cardItem, cardinfoindex) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 d-flex align-items-center"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        style: {
-          width: '70px',
-          height: '70px'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
-        style: {
-          width: '100%',
-          height: '100%',
-          borderRadius: '100%'
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "p-0 m-0 wordbreak wordbreak1",
-        style: {
-          color: sectionproperties.sectionTitleColor,
-          fontSize: sectionproperties.sectionTitleFontSize + 'px',
-          fontWeight: sectionproperties.sectionTitleFontWeight,
-          textAlign: langdetect == 'en' ? 'left' : 'right'
-        }
-      }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "m-0 wordbreak wordbreak1",
-        style: {
-          color: sectionproperties.prodCatColor,
-          fontSize: sectionproperties.prodCatFontSize + 'px',
-          fontWeight: sectionproperties.prodCatFontWeight,
-          textAlign: langdetect == 'en' ? 'left' : 'right'
-        }
-      }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
-    }))));
+    })));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',

package/dist/index.esm.js

@@ -32468,7 +32468,7 @@ var FloatingIcons = function FloatingIcons(props) {
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), /*#__PURE__*/React.createElement("a", {
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React.createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
     style: {
@@ -69281,32 +69281,28 @@ var Slideshowfade = function Slideshowfade(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    cardsarray = _useState4[0],
-    setcardsarray = _useState4[1];
-  var _useState5 = useState([]),
+    bgimagearrayofobjs = _useState4[0],
+    setbgimagearrayofobjs = _useState4[1];
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
-    bgimagearrayofobjs = _useState6[0],
-    setbgimagearrayofobjs = _useState6[1];
+    langg = _useState6[0],
+    setlangg = _useState6[1];
   var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
-    langg = _useState8[0],
-    setlangg = _useState8[1];
-  var _useState9 = useState(''),
+    curr = _useState8[0],
+    setcurr = _useState8[1];
+  var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    curr = _useState10[0],
-    setcurr = _useState10[1];
+    active = _useState10[0],
+    setactive = _useState10[1];
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    active = _useState12[0],
-    setactive = _useState12[1];
+    active2 = _useState12[0],
+    setactive2 = _useState12[1];
   var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    active2 = _useState14[0],
-    setactive2 = _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2);
-    _useState16[0];
-    _useState16[1];
+    _useState14 = _slicedToArray(_useState13, 2);
+    _useState14[0];
+    _useState14[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -69343,14 +69339,6 @@ var Slideshowfade = function Slideshowfade(props) {
       }
     }
   }, [sectionproperties]);
-  useEffect(function () {
-    if (sectionproperties.length != 0 && sectionproperties.card_arrayofobjects != undefined) {
-      var card_arrayofobjsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
-      if (Array.isArray(card_arrayofobjsparsed)) {
-        setcardsarray(_toConsumableArray(card_arrayofobjsparsed));
-      }
-    }
-  }, [sectionproperties]);
   var Slideshowsettings = {
     indicators: false,
     arrows: sectionproperties.showarrows == 'Show' ? true : false,
@@ -69359,32 +69347,21 @@ var Slideshowfade = function Slideshowfade(props) {
   };
   var SlideShowTextContainer = function SlideShowTextContainer(item) {
     return /*#__PURE__*/React.createElement("div", {
-      "class": 'row m-0 w-100 pl-md-2 pr-md-2',
-      style: {
-        position: 'absolute',
-        top: '40%',
-        zIndex: 1000,
-        paddingTop: sectionproperties.paddingTop + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
-      }
+      "class": slideshow_styles.textsectioncontainer + ' row m-0 pl-md-2 pr-md-2 w-md-100 ',
+      style: {}
     }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
     }, /*#__PURE__*/React.createElement("p", {
-      className: "m-0 p-0 wordbreak text-sm-center",
+      className: slideshow_styles.text1styles + ' m-0 p-0 wordbreak text-sm-center ',
       style: {
-        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-        color: sectionproperties.slideshowText1ContentColor,
-        fontWeight: sectionproperties.slideshowText1ContentFontWeight
+        textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? item.titleen : item.titlear)), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
     }, /*#__PURE__*/React.createElement("p", {
-      className: "m-0 p-0 wordbreak",
+      className: slideshow_styles.text2styles + ' m-0 p-0 wordbreak ',
       style: {
-        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-        color: sectionproperties.slideshowText2ContentColor,
-        fontWeight: sectionproperties.slideshowText2ContentFontWeight
+        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? item.descriptionen : item.descriptionar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered mt-3' : 'col-lg-12 d-flex justify-content-start mt-3'
@@ -69438,20 +69415,6 @@ var Slideshowfade = function Slideshowfade(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
-    innerSection: css({
-      // position: 'relative',
-      zIndex: 1000,
-      bottom: 0,
-      marginTop: '-50px',
-      width: sectionproperties.innersectionWidth + '%',
-      backgroundColor: sectionproperties.reservation_bgcolor,
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingTop: sectionproperties.reservation_padding_top + 'px',
-      paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
-      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-    }),
     choice: css({
       width: 100,
       height: 40,
@@ -69468,6 +69431,34 @@ var Slideshowfade = function Slideshowfade(props) {
       height: 40,
       border: '1px solid ' + sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_bgColoronhover
+    }),
+    text1styles: css({
+      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+      color: sectionproperties.slideshowText1ContentColor,
+      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.slideshowText1ContentFontSize_resp + 'px'
+      }
+    }),
+    text2styles: css({
+      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+      color: sectionproperties.slideshowText2ContentColor,
+      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px'
+      }
+    }),
+    textsectioncontainer: css({
+      position: 'absolute',
+      top: sectionproperties.textsectionpositionfromtop + '%',
+      zIndex: 1000,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+      paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px',
+      width: sectionproperties.textsectionwidth + '%',
+      '@media (max-width: 800px)': {
+        top: sectionproperties.textsectionpositionfromtopresp + '%'
+      }
     })
   };
   var setcurrlang = function setcurrlang(item) {
@@ -69633,7 +69624,12 @@ var Slideshowfade = function Slideshowfade(props) {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
           paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
         }
-      }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
+      }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && /*#__PURE__*/React.createElement("div", {
+        "class": "row m-0 w-100 d-flex align-items-center",
+        style: {
+          justifyContent: sectionproperties.textsectionposition == 'End' ? 'end' : sectionproperties.textsectionposition == 'Centered' ? 'center' : 'start'
+        }
+      }, SlideShowTextContainer(item))), /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
           if (sectionproperties.showcurrencylangcont != 'Show') {
             if (item.IsClickableimg == 'Yes') {
@@ -69679,49 +69675,7 @@ var Slideshowfade = function Slideshowfade(props) {
           paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
         }
       }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
-    })), cardsarray.length != 0 && /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": ' row m-0 w-100 align-items-center justify-content-center '
-    }, cardsarray.map(function (cardItem, cardinfoindex) {
-      return /*#__PURE__*/React.createElement("div", {
-        "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
-      }, /*#__PURE__*/React.createElement("div", {
-        "class": "row m-0 w-100 d-flex align-items-center"
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: '70px',
-          height: '70px'
-        }
-      }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
-        style: {
-          width: '100%',
-          height: '100%',
-          borderRadius: '100%'
-        }
-      })), /*#__PURE__*/React.createElement("div", {
-        "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
-      }, /*#__PURE__*/React.createElement("p", {
-        "class": "p-0 m-0 wordbreak wordbreak1",
-        style: {
-          color: sectionproperties.sectionTitleColor,
-          fontSize: sectionproperties.sectionTitleFontSize + 'px',
-          fontWeight: sectionproperties.sectionTitleFontWeight,
-          textAlign: langdetect == 'en' ? 'left' : 'right'
-        }
-      }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React.createElement("p", {
-        "class": "m-0 wordbreak wordbreak1",
-        style: {
-          color: sectionproperties.prodCatColor,
-          fontSize: sectionproperties.prodCatFontSize + 'px',
-          fontWeight: sectionproperties.prodCatFontWeight,
-          textAlign: langdetect == 'en' ? 'left' : 'right'
-        }
-      }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
-    }))));
+    })));
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',

package/dist/index.umd.js

@@ -32332,7 +32332,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0"
-      }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), /*#__PURE__*/React__default["default"].createElement("a", {
+      }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
         href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
         target: '_self',
         style: {
@@ -69145,32 +69145,28 @@
         setsectionproperties = _useState2[1];
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
-        cardsarray = _useState4[0],
-        setcardsarray = _useState4[1];
-      var _useState5 = React.useState([]),
+        bgimagearrayofobjs = _useState4[0],
+        setbgimagearrayofobjs = _useState4[1];
+      var _useState5 = React.useState(''),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        bgimagearrayofobjs = _useState6[0],
-        setbgimagearrayofobjs = _useState6[1];
+        langg = _useState6[0],
+        setlangg = _useState6[1];
       var _useState7 = React.useState(''),
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        langg = _useState8[0],
-        setlangg = _useState8[1];
-      var _useState9 = React.useState(''),
+        curr = _useState8[0],
+        setcurr = _useState8[1];
+      var _useState9 = React.useState(false),
         _useState10 = _slicedToArray__default["default"](_useState9, 2),
-        curr = _useState10[0],
-        setcurr = _useState10[1];
+        active = _useState10[0],
+        setactive = _useState10[1];
       var _useState11 = React.useState(false),
         _useState12 = _slicedToArray__default["default"](_useState11, 2),
-        active = _useState12[0],
-        setactive = _useState12[1];
+        active2 = _useState12[0],
+        setactive2 = _useState12[1];
       var _useState13 = React.useState(false),
-        _useState14 = _slicedToArray__default["default"](_useState13, 2),
-        active2 = _useState14[0],
-        setactive2 = _useState14[1];
-      var _useState15 = React.useState(false),
-        _useState16 = _slicedToArray__default["default"](_useState15, 2);
-        _useState16[0];
-        _useState16[1];
+        _useState14 = _slicedToArray__default["default"](_useState13, 2);
+        _useState14[0];
+        _useState14[1];
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -69207,14 +69203,6 @@
           }
         }
       }, [sectionproperties]);
-      React.useEffect(function () {
-        if (sectionproperties.length != 0 && sectionproperties.card_arrayofobjects != undefined) {
-          var card_arrayofobjsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
-          if (Array.isArray(card_arrayofobjsparsed)) {
-            setcardsarray(_toConsumableArray__default["default"](card_arrayofobjsparsed));
-          }
-        }
-      }, [sectionproperties]);
       var Slideshowsettings = {
         indicators: false,
         arrows: sectionproperties.showarrows == 'Show' ? true : false,
@@ -69223,32 +69211,21 @@
       };
       var SlideShowTextContainer = function SlideShowTextContainer(item) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'row m-0 w-100 pl-md-2 pr-md-2',
-          style: {
-            position: 'absolute',
-            top: '40%',
-            zIndex: 1000,
-            paddingTop: sectionproperties.paddingTop + 'px',
-            paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-            paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
-          }
+          "class": slideshow_styles.textsectioncontainer + ' row m-0 pl-md-2 pr-md-2 w-md-100 ',
+          style: {}
         }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "m-0 p-0 wordbreak text-sm-center",
+          className: slideshow_styles.text1styles + ' m-0 p-0 wordbreak text-sm-center ',
           style: {
-            fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-            color: sectionproperties.slideshowText1ContentColor,
-            fontWeight: sectionproperties.slideshowText1ContentFontWeight
+            textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
           }
         }, langdetect == 'en' ? item.titleen : item.titlear)), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "m-0 p-0 wordbreak",
+          className: slideshow_styles.text2styles + ' m-0 p-0 wordbreak ',
           style: {
-            fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-            color: sectionproperties.slideshowText2ContentColor,
-            fontWeight: sectionproperties.slideshowText2ContentFontWeight
+            textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : sectionproperties.text2centered == 'Justify' ? 'justify' : langdetect == 'en' ? 'left' : 'right'
           }
         }, langdetect == 'en' ? item.descriptionen : item.descriptionar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered mt-3' : 'col-lg-12 d-flex justify-content-start mt-3'
@@ -69302,20 +69279,6 @@
             color: sectionproperties.generalbtn_textColoronhover
           }
         }),
-        innerSection: glamor.css({
-          // position: 'relative',
-          zIndex: 1000,
-          bottom: 0,
-          marginTop: '-50px',
-          width: sectionproperties.innersectionWidth + '%',
-          backgroundColor: sectionproperties.reservation_bgcolor,
-          borderRadius: sectionproperties.reservation_borderradius + 'px',
-          paddingTop: sectionproperties.reservation_padding_top + 'px',
-          paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
-          paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
-          border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-        }),
         choice: glamor.css({
           width: 100,
           height: 40,
@@ -69332,6 +69295,34 @@
           height: 40,
           border: '1px solid ' + sectionproperties.generalbtn_bgColoronhover,
           color: sectionproperties.generalbtn_bgColoronhover
+        }),
+        text1styles: glamor.css({
+          fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+          color: sectionproperties.slideshowText1ContentColor,
+          fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+          '@media (max-width: 800px)': {
+            fontSize: sectionproperties.slideshowText1ContentFontSize_resp + 'px'
+          }
+        }),
+        text2styles: glamor.css({
+          fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+          color: sectionproperties.slideshowText2ContentColor,
+          fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+          '@media (max-width: 800px)': {
+            fontSize: sectionproperties.slideshowText2ContentFontSize_resp + 'px'
+          }
+        }),
+        textsectioncontainer: glamor.css({
+          position: 'absolute',
+          top: sectionproperties.textsectionpositionfromtop + '%',
+          zIndex: 1000,
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+          paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px',
+          width: sectionproperties.textsectionwidth + '%',
+          '@media (max-width: 800px)': {
+            top: sectionproperties.textsectionpositionfromtopresp + '%'
+          }
         })
       };
       var setcurrlang = function setcurrlang(item) {
@@ -69497,7 +69488,12 @@
               paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
               paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
             }
-          }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
+          }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": "row m-0 w-100 d-flex align-items-center",
+            style: {
+              justifyContent: sectionproperties.textsectionposition == 'End' ? 'end' : sectionproperties.textsectionposition == 'Centered' ? 'center' : 'start'
+            }
+          }, SlideShowTextContainer(item))), /*#__PURE__*/React__default["default"].createElement("div", {
             onClick: function onClick() {
               if (sectionproperties.showcurrencylangcont != 'Show') {
                 if (item.IsClickableimg == 'Yes') {
@@ -69543,49 +69539,7 @@
               paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
             }
           }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
-        })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": ' row m-0 w-100 align-items-center justify-content-center '
-        }, cardsarray.map(function (cardItem, cardinfoindex) {
-          return /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": "row m-0 w-100 d-flex align-items-center"
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            style: {
-              width: '70px',
-              height: '70px'
-            }
-          }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-            urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-            publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-            path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
-            style: {
-              width: '100%',
-              height: '100%',
-              borderRadius: '100%'
-            }
-          })), /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
-          }, /*#__PURE__*/React__default["default"].createElement("p", {
-            "class": "p-0 m-0 wordbreak wordbreak1",
-            style: {
-              color: sectionproperties.sectionTitleColor,
-              fontSize: sectionproperties.sectionTitleFontSize + 'px',
-              fontWeight: sectionproperties.sectionTitleFontWeight,
-              textAlign: langdetect == 'en' ? 'left' : 'right'
-            }
-          }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
-            "class": "m-0 wordbreak wordbreak1",
-            style: {
-              color: sectionproperties.prodCatColor,
-              fontSize: sectionproperties.prodCatFontSize + 'px',
-              fontWeight: sectionproperties.prodCatFontWeight,
-              textAlign: langdetect == 'en' ? 'left' : 'right'
-            }
-          }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
-        }))));
+        })));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.2.761",
+    "version": "0.2.763",
     "type": "module",
     "description": "your description",
     "main": "dist/index.cjs.js",