tabexseriescomponents 0.2.1230 → 0.2.1231

package/dist/index.cjs.js

@@ -73923,7 +73923,6 @@ var TableSection = function TableSection(props) {
 function ownKeys$12(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$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MarqueeSection = function MarqueeSection(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -73933,7 +73932,7 @@ var MarqueeSection = function MarqueeSection(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     visible = _useState4[0],
     setVisible = _useState4[1];
-  props.actions.ikimagecredcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     cardsarray = _useState6[0],
@@ -73987,6 +73986,23 @@ var MarqueeSection = function MarqueeSection(props) {
         paddingTop: sectionproperties.paddingtopresponsive + 'px',
         paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
       }
+    }),
+    marqueeimagecontainer: glamor.css({
+      width: sectionproperties.image_width + 'px',
+      height: sectionproperties.image_height + 'px',
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      '@media (max-width: 800px)': {
+        width: sectionproperties.image_width_resp + 'px',
+        height: sectionproperties.height_responsive + 'px'
+      }
+    }),
+    marqueeimage: glamor.css({
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      '@media (max-width: 800px)': {
+        width: sectionproperties.innerwidthheightresp + '%',
+        height: sectionproperties.innerwidthheightresp + '%'
+      }
     })
   };
   React.useEffect(function () {
@@ -74005,67 +74021,40 @@ var MarqueeSection = function MarqueeSection(props) {
     "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
     // data-aos={'fade-up'}
     ,
-    style: {
-      background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6935c04816952' ? sectionproperties.backgroundColor : 'transparent',
-      paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) != '6935c04816952' ? sectionproperties.paddingTop + 'px' : 0,
-      paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != '6935c04816952' ? sectionproperties.paddingBottom + 'px' : 0
-
-      // background: sectionproperties.backgroundColor,
-
-      // paddingTop: sectionproperties.paddingTop + 'px',
-      // paddingBottom: sectionproperties.paddingBottom + 'px',
-    }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "rotating-text-container rotating-text-containermarqueesection"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "d-flex flex-row align-items-center rotating-text"
+    "class": sectionproperties.marqueemovementdirection == 'Right to Left' ? 'd-flex flex-row align-items-center rotating-text' : 'd-flex flex-row align-items-center rotating-text rotating-text-reverse'
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i5;
-    return /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": section_styles.textstyle + ' mb-0 p-0 ',
+    var _authdetailsContext$i;
+    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_styles.marqueeimagecontainer + ' allcentered ',
+      style: {}
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      "class": section_styles.marqueeimage,
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + cardinfoitem.marqueeimage,
       style: {
-        cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : ''
-      },
-      onClick: function onClick() {
-        var _authdetailsContext$i6;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '691dcd6e974bb') {
-          window.open('https://www.instagram.com', '_blank');
-        }
+        objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+        margin: 0,
+        padding: 0,
+        borderRadius: sectionproperties.imageborderradius + 'px'
       }
-    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
-  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 mx-auto w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-11 p-0 mx-auto",
-    style: {
-      background: '#232020',
-      width: '90%',
-      borderTopLeftRadius: 20,
-      borderTopRightRadius: 20,
-      paddingTop: 20,
-      paddingBottom: 20
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "rotating-text-container rotating-text-containermarqueesection"
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "d-flex flex-row align-items-center rotating-text"
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i8;
-    return /*#__PURE__*/React__default["default"].createElement("p", {
+    })), /*#__PURE__*/React__default["default"].createElement("p", {
       "class": section_styles.textstyle + ' mb-0 p-0 ',
       style: {
-        opacity: 1,
-        cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : '',
-        color: 'white'
+        cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : ''
       },
       onClick: function onClick() {
-        var _authdetailsContext$i9;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '691dcd6e974bb') {
+        var _authdetailsContext$i2;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '691dcd6e974bb') {
           window.open('https://www.instagram.com', '_blank');
         }
       }
-    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
-  }))))));
+    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear));
+  }))));
 };
 
 function ownKeys$11(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; }

package/dist/index.esm.js

@@ -73872,7 +73872,6 @@ var TableSection = function TableSection(props) {
 function ownKeys$12(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$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MarqueeSection = function MarqueeSection(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -73882,7 +73881,7 @@ var MarqueeSection = function MarqueeSection(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     visible = _useState4[0],
     setVisible = _useState4[1];
-  props.actions.ikimagecredcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
     cardsarray = _useState6[0],
@@ -73936,6 +73935,23 @@ var MarqueeSection = function MarqueeSection(props) {
         paddingTop: sectionproperties.paddingtopresponsive + 'px',
         paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
       }
+    }),
+    marqueeimagecontainer: css({
+      width: sectionproperties.image_width + 'px',
+      height: sectionproperties.image_height + 'px',
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      '@media (max-width: 800px)': {
+        width: sectionproperties.image_width_resp + 'px',
+        height: sectionproperties.height_responsive + 'px'
+      }
+    }),
+    marqueeimage: css({
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      '@media (max-width: 800px)': {
+        width: sectionproperties.innerwidthheightresp + '%',
+        height: sectionproperties.innerwidthheightresp + '%'
+      }
     })
   };
   useEffect(function () {
@@ -73954,67 +73970,40 @@ var MarqueeSection = function MarqueeSection(props) {
     "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
     // data-aos={'fade-up'}
     ,
-    style: {
-      background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6935c04816952' ? sectionproperties.backgroundColor : 'transparent',
-      paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) != '6935c04816952' ? sectionproperties.paddingTop + 'px' : 0,
-      paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != '6935c04816952' ? sectionproperties.paddingBottom + 'px' : 0
-
-      // background: sectionproperties.backgroundColor,
-
-      // paddingTop: sectionproperties.paddingTop + 'px',
-      // paddingBottom: sectionproperties.paddingBottom + 'px',
-    }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React.createElement("div", {
+    style: {}
+  }, /*#__PURE__*/React.createElement("div", {
     "class": "rotating-text-container rotating-text-containermarqueesection"
   }, /*#__PURE__*/React.createElement("span", {
-    "class": "d-flex flex-row align-items-center rotating-text"
+    "class": sectionproperties.marqueemovementdirection == 'Right to Left' ? 'd-flex flex-row align-items-center rotating-text' : 'd-flex flex-row align-items-center rotating-text rotating-text-reverse'
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i5;
-    return /*#__PURE__*/React.createElement("p", {
-      "class": section_styles.textstyle + ' mb-0 p-0 ',
+    var _authdetailsContext$i;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      "class": section_styles.marqueeimagecontainer + ' allcentered ',
+      style: {}
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      "class": section_styles.marqueeimage,
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + cardinfoitem.marqueeimage,
       style: {
-        cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : ''
-      },
-      onClick: function onClick() {
-        var _authdetailsContext$i6;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '691dcd6e974bb') {
-          window.open('https://www.instagram.com', '_blank');
-        }
+        objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+        margin: 0,
+        padding: 0,
+        borderRadius: sectionproperties.imageborderradius + 'px'
       }
-    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
-  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 mx-auto w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-11 p-0 mx-auto",
-    style: {
-      background: '#232020',
-      width: '90%',
-      borderTopLeftRadius: 20,
-      borderTopRightRadius: 20,
-      paddingTop: 20,
-      paddingBottom: 20
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "rotating-text-container rotating-text-containermarqueesection"
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": "d-flex flex-row align-items-center rotating-text"
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i8;
-    return /*#__PURE__*/React.createElement("p", {
+    })), /*#__PURE__*/React.createElement("p", {
       "class": section_styles.textstyle + ' mb-0 p-0 ',
       style: {
-        opacity: 1,
-        cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : '',
-        color: 'white'
+        cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : ''
       },
       onClick: function onClick() {
-        var _authdetailsContext$i9;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '691dcd6e974bb') {
+        var _authdetailsContext$i2;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '691dcd6e974bb') {
           window.open('https://www.instagram.com', '_blank');
         }
       }
-    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
-  }))))));
+    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear));
+  }))));
 };
 
 function ownKeys$11(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; }

package/dist/index.umd.js

@@ -73729,7 +73729,6 @@
     function ownKeys$12(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$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var MarqueeSection = function MarqueeSection(props) {
-      var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -73739,7 +73738,7 @@
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
         visible = _useState4[0],
         setVisible = _useState4[1];
-      props.actions.ikimagecredcontext;
+      var ikimagecredcontext = props.actions.ikimagecredcontext;
       var _useState5 = React.useState([]),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
         cardsarray = _useState6[0],
@@ -73793,6 +73792,23 @@
             paddingTop: sectionproperties.paddingtopresponsive + 'px',
             paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
           }
+        }),
+        marqueeimagecontainer: glamor.css({
+          width: sectionproperties.image_width + 'px',
+          height: sectionproperties.image_height + 'px',
+          border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+          '@media (max-width: 800px)': {
+            width: sectionproperties.image_width_resp + 'px',
+            height: sectionproperties.height_responsive + 'px'
+          }
+        }),
+        marqueeimage: glamor.css({
+          width: sectionproperties.imageInnerWidth_Height + '%',
+          height: sectionproperties.imageInnerWidth_Height + '%',
+          '@media (max-width: 800px)': {
+            width: sectionproperties.innerwidthheightresp + '%',
+            height: sectionproperties.innerwidthheightresp + '%'
+          }
         })
       };
       React.useEffect(function () {
@@ -73811,67 +73827,40 @@
         "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
         // data-aos={'fade-up'}
         ,
-        style: {
-          background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6935c04816952' ? sectionproperties.backgroundColor : 'transparent',
-          paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) != '6935c04816952' ? sectionproperties.paddingTop + 'px' : 0,
-          paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != '6935c04816952' ? sectionproperties.paddingBottom + 'px' : 0
-
-          // background: sectionproperties.backgroundColor,
-
-          // paddingTop: sectionproperties.paddingTop + 'px',
-          // paddingBottom: sectionproperties.paddingBottom + 'px',
-        }
-      }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "rotating-text-container rotating-text-containermarqueesection"
       }, /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "d-flex flex-row align-items-center rotating-text"
+        "class": sectionproperties.marqueemovementdirection == 'Right to Left' ? 'd-flex flex-row align-items-center rotating-text' : 'd-flex flex-row align-items-center rotating-text rotating-text-reverse'
       }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-        var _authdetailsContext$i5;
-        return /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": section_styles.textstyle + ' mb-0 p-0 ',
+        var _authdetailsContext$i;
+        return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_styles.marqueeimagecontainer + ' allcentered ',
+          style: {}
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          "class": section_styles.marqueeimage,
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + cardinfoitem.marqueeimage,
           style: {
-            cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : ''
-          },
-          onClick: function onClick() {
-            var _authdetailsContext$i6;
-            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '691dcd6e974bb') {
-              window.open('https://www.instagram.com', '_blank');
-            }
+            objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+            margin: 0,
+            padding: 0,
+            borderRadius: sectionproperties.imageborderradius + 'px'
           }
-        }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
-      }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 mx-auto w-100"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-11 p-0 mx-auto",
-        style: {
-          background: '#232020',
-          width: '90%',
-          borderTopLeftRadius: 20,
-          borderTopRightRadius: 20,
-          paddingTop: 20,
-          paddingBottom: 20
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "rotating-text-container rotating-text-containermarqueesection"
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "d-flex flex-row align-items-center rotating-text"
-      }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-        var _authdetailsContext$i8;
-        return /*#__PURE__*/React__default["default"].createElement("p", {
+        })), /*#__PURE__*/React__default["default"].createElement("p", {
           "class": section_styles.textstyle + ' mb-0 p-0 ',
           style: {
-            opacity: 1,
-            cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : '',
-            color: 'white'
+            cursor: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '691dcd6e974bb' ? 'pointer' : ''
           },
           onClick: function onClick() {
-            var _authdetailsContext$i9;
-            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '691dcd6e974bb') {
+            var _authdetailsContext$i2;
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '691dcd6e974bb') {
               window.open('https://www.instagram.com', '_blank');
             }
           }
-        }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
-      }))))));
+        }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear));
+      }))));
     };
 
     function ownKeys$11(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; }

package/package.json

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