tabexseriescomponents 0.0.301 → 0.0.302

package/dist/index.cjs.js

@@ -11901,8 +11901,7 @@ var Filter$1 = function Filter(props) {
   var InstFilters = function InstFilters() {
     return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
       allowMultipleExpanded: true,
-      allowZeroExpanded: true,
-      preExpanded: [0, 1, 2, 3]
+      allowZeroExpanded: true
     }, instfilters.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
         uuid: index
@@ -13425,7 +13424,7 @@ var CardsSection = function CardsSection(props) {
             // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
             // ? 'scrollmenuclassnameitemUpSlideEffectCard'
             item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
-            scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+            scrollContainerClassName: sectionproperties.showscrollbar == 'Show' ? 'scrollmenuclasssubscrollbar2' : 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
               className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
@@ -13790,50 +13789,64 @@ var Searchlist$1 = function Searchlist(props) {
 function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MarqueeHeader = function MarqueeHeader(props) {
+  var _textarray$, _textarray$2;
   props.actions;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.StatePagePropertiesContext;
   var _useState = React.useState({}),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = React.useState([]),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    var setsectionproperties = _useState2[1];
+  var _useState3 = React.useState({}),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    textarray = _useState4[0],
-    settextarray = _useState4[1];
-  React.useEffect(function () {
-    if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
-      var textarrayparsed = JSON.parse(sectionproperties.txtArray);
-      if (Array.isArray(textarrayparsed)) {
-        settextarray(_toConsumableArray__default["default"](textarrayparsed));
-      }
-    }
-  }, [sectionproperties]);
+    templateproperties_context = _useState4[0],
+    settemplateproperties_context = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    textarray = _useState6[0],
+    settextarray = _useState6[1];
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
+  React.useEffect(function () {
+    if (props.templateproperties_contextprops != undefined) {
+      settemplateproperties_context(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+    }
+  }, [props.templateproperties_contextprops]);
+  React.useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
+      var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
+      if (Array.isArray(textarrayparsed)) {
+        settextarray(_toConsumableArray__default["default"](textarrayparsed));
+      }
+    }
+  }, [templateproperties_context]);
   var header_cssstyles = {
     textSlider: glamor.css({
-      fontSize: sectionproperties.textsliderfontsize + 'px',
-      color: sectionproperties.textsliderfontcolor,
-      fontWeight: sectionproperties.textsliderfontweight
+      fontSize: templateproperties_context.textsliderfontsize + 'px',
+      color: templateproperties_context.textsliderfontcolor,
+      fontWeight: templateproperties_context.textsliderfontweight
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 pt-1",
     style: {
-      background: sectionproperties.textsliderbgcolor
+      background: templateproperties_context.textsliderbgcolor
     }
-  }, /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "d-flex flex-row align-items-center"
   }, textarray.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("p", {
       "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
     }, langdetect == 'en' ? item.textEnglish : item.textArabic);
-  }))));
+  }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "w-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": header_cssstyles.textSlider + ' mb-0 p-0 '
+  }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
 };
 
 var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n    position: relative;\n}\n@media screen and (max-width: 800px) {\n    .subheader-module_sub_outercontainer__-z5ZD {\n        position: relative !important;\n        top: 0 !important;\n    }\n}\n.subheader-module_nav__item__8oLkw {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.subheader-module_nav__item__8oLkw::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    background: currentColor;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 100% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    background: currentColor;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    content: '';\n    top: calc(100% + 4px);\n    transform-origin: 0% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n    content: '';\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\n    transform-origin: 0% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\n    transform-origin: 100% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.subheader-module_dropmenu__lL4Sc {\n    display: none;\n    margin-top: 20px !important;\n}\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\n    display: inline-block;\n    width: 100%;\n    height: 300px;\n    top: 55px;\n    bottom: 0px;\n    position: absolute;\n    transition: 0.3s;\n}\n.subheader-module_active__MjZNG {\n    display: inline-block !important ;\n    height: 300px;\n    top: 45px;\n    bottom: 0px;\n    position: absolute;\n    transition: 0.3s;\n}\n\n@media screen and (max-width: 800px) {\n    .subheader-module_subheader__aW8fS {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .subheader-module_nav__item__8oLkw {\n        /* width: 50% !important; */\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n}\n";
@@ -17082,8 +17095,9 @@ var ClassicHeader = function ClassicHeader(props) {
     style: {
       width: sectionproperties.header_width + 'vw'
     }
-  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
     actions: actions
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none  ',
@@ -31764,7 +31778,7 @@ var Allinonefooter = function Allinonefooter(props) {
   }, sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 justify-content-start align-items-center mb-4 mb-md-4 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-center"
+    "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -31773,7 +31787,7 @@ var Allinonefooter = function Allinonefooter(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 p-0 pr-2' : 'col-lg-6 col-md-4 col-sm-6 p-0 pl-2'
+    "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 p-0 pr-2' : 'col-lg-5 col-md-4 col-sm-4 p-0 pl-2'
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
@@ -31782,7 +31796,7 @@ var Allinonefooter = function Allinonefooter(props) {
       window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobileapplink_appstore, '_blank');
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 pl-0' : 'col-lg-6 col-md-4 col-sm-6 pr-0'
+    "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 pl-0' : 'col-lg-5 col-md-4 col-sm-4 pr-0'
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
@@ -48061,35 +48075,9 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
     scale: 1.4
   };
   ({
-    beforebg: glamor.css({
-      content: 's',
-      fontSize: 0,
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-      width: '100%',
-      height: '100%',
-      backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
-    }),
-    slideshow_btn: glamor.css({
-      height: sectionproperties.generalbtn_height + 'px',
-      width: sectionproperties.generalbtn_width + 'px',
-      background: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      lineHeight: sectionproperties.generalbtn_fontsize + 'px',
-      textTransform: sectionproperties.generalbtn_texttransform,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover
+    slideshowcontainer: glamor.css({
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive + 'px'
       }
     })
   });
@@ -48118,8 +48106,8 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-8 mb-md-3 p-md-0"
-    }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, Slideshowsettings, {
+      "class": ' col-lg-8 mb-md-3 p-md-0 '
+    }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
       transitionDuration: 1500,
       duration: 1500,
       arrow: true,

package/dist/index.esm.js

@@ -11854,8 +11854,7 @@ var Filter$1 = function Filter(props) {
   var InstFilters = function InstFilters() {
     return /*#__PURE__*/React.createElement(Accordion, {
       allowMultipleExpanded: true,
-      allowZeroExpanded: true,
-      preExpanded: [0, 1, 2, 3]
+      allowZeroExpanded: true
     }, instfilters.map(function (item, index) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
         uuid: index
@@ -13378,7 +13377,7 @@ var CardsSection = function CardsSection(props) {
             // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
             // ? 'scrollmenuclassnameitemUpSlideEffectCard'
             item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
-            scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+            scrollContainerClassName: sectionproperties.showscrollbar == 'Show' ? 'scrollmenuclasssubscrollbar2' : 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
               className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
@@ -13743,50 +13742,64 @@ var Searchlist$1 = function Searchlist(props) {
 function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MarqueeHeader = function MarqueeHeader(props) {
+  var _textarray$, _textarray$2;
   props.actions;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.StatePagePropertiesContext;
   var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = useState([]),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    var setsectionproperties = _useState2[1];
+  var _useState3 = useState({}),
     _useState4 = _slicedToArray(_useState3, 2),
-    textarray = _useState4[0],
-    settextarray = _useState4[1];
-  useEffect(function () {
-    if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
-      var textarrayparsed = JSON.parse(sectionproperties.txtArray);
-      if (Array.isArray(textarrayparsed)) {
-        settextarray(_toConsumableArray(textarrayparsed));
-      }
-    }
-  }, [sectionproperties]);
+    templateproperties_context = _useState4[0],
+    settemplateproperties_context = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    textarray = _useState6[0],
+    settextarray = _useState6[1];
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
+  useEffect(function () {
+    if (props.templateproperties_contextprops != undefined) {
+      settemplateproperties_context(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+    }
+  }, [props.templateproperties_contextprops]);
+  useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
+      var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
+      if (Array.isArray(textarrayparsed)) {
+        settextarray(_toConsumableArray(textarrayparsed));
+      }
+    }
+  }, [templateproperties_context]);
   var header_cssstyles = {
     textSlider: css({
-      fontSize: sectionproperties.textsliderfontsize + 'px',
-      color: sectionproperties.textsliderfontcolor,
-      fontWeight: sectionproperties.textsliderfontweight
+      fontSize: templateproperties_context.textsliderfontsize + 'px',
+      color: templateproperties_context.textsliderfontcolor,
+      fontWeight: templateproperties_context.textsliderfontweight
     })
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 pt-1",
     style: {
-      background: sectionproperties.textsliderbgcolor
+      background: templateproperties_context.textsliderbgcolor
     }
-  }, /*#__PURE__*/React.createElement("marquee", null, /*#__PURE__*/React.createElement("span", {
+  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React.createElement("marquee", null, /*#__PURE__*/React.createElement("span", {
     "class": "d-flex flex-row align-items-center"
   }, textarray.map(function (item, index) {
     return /*#__PURE__*/React.createElement("p", {
       "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
     }, langdetect == 'en' ? item.textEnglish : item.textArabic);
-  }))));
+  }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": header_cssstyles.textSlider + ' mb-0 p-0 '
+  }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
 };
 
 var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n    position: relative;\n}\n@media screen and (max-width: 800px) {\n    .subheader-module_sub_outercontainer__-z5ZD {\n        position: relative !important;\n        top: 0 !important;\n    }\n}\n.subheader-module_nav__item__8oLkw {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.subheader-module_nav__item__8oLkw::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    background: currentColor;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 100% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    background: currentColor;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    content: '';\n    top: calc(100% + 4px);\n    transform-origin: 0% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n    content: '';\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\n    transform-origin: 0% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\n    transform-origin: 100% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.subheader-module_dropmenu__lL4Sc {\n    display: none;\n    margin-top: 20px !important;\n}\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\n    display: inline-block;\n    width: 100%;\n    height: 300px;\n    top: 55px;\n    bottom: 0px;\n    position: absolute;\n    transition: 0.3s;\n}\n.subheader-module_active__MjZNG {\n    display: inline-block !important ;\n    height: 300px;\n    top: 45px;\n    bottom: 0px;\n    position: absolute;\n    transition: 0.3s;\n}\n\n@media screen and (max-width: 800px) {\n    .subheader-module_subheader__aW8fS {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .subheader-module_nav__item__8oLkw {\n        /* width: 50% !important; */\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n}\n";
@@ -17035,8 +17048,9 @@ var ClassicHeader = function ClassicHeader(props) {
     style: {
       width: sectionproperties.header_width + 'vw'
     }
-  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
     actions: actions
   }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none  ',
@@ -31717,7 +31731,7 @@ var Allinonefooter = function Allinonefooter(props) {
   }, sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 justify-content-start align-items-center mb-4 mb-md-4 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-center"
+    "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-start"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 mb-2"
   }, /*#__PURE__*/React.createElement("p", {
@@ -31726,7 +31740,7 @@ var Allinonefooter = function Allinonefooter(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React.createElement("div", {
-    "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 p-0 pr-2' : 'col-lg-6 col-md-4 col-sm-6 p-0 pl-2'
+    "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 p-0 pr-2' : 'col-lg-5 col-md-4 col-sm-4 p-0 pl-2'
   }, /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
@@ -31735,7 +31749,7 @@ var Allinonefooter = function Allinonefooter(props) {
       window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobileapplink_appstore, '_blank');
     }
   })), /*#__PURE__*/React.createElement("div", {
-    "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 pl-0' : 'col-lg-6 col-md-4 col-sm-6 pr-0'
+    "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 pl-0' : 'col-lg-5 col-md-4 col-sm-4 pr-0'
   }, /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
@@ -48014,35 +48028,9 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
     scale: 1.4
   };
   ({
-    beforebg: css({
-      content: 's',
-      fontSize: 0,
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-      width: '100%',
-      height: '100%',
-      backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
-    }),
-    slideshow_btn: css({
-      height: sectionproperties.generalbtn_height + 'px',
-      width: sectionproperties.generalbtn_width + 'px',
-      background: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      lineHeight: sectionproperties.generalbtn_fontsize + 'px',
-      textTransform: sectionproperties.generalbtn_texttransform,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover
+    slideshowcontainer: css({
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive + 'px'
       }
     })
   });
@@ -48071,8 +48059,8 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-8 mb-md-3 p-md-0"
-    }, /*#__PURE__*/React.createElement(Slide, _extends({}, Slideshowsettings, {
+      "class": ' col-lg-8 mb-md-3 p-md-0 '
+    }, /*#__PURE__*/React.createElement(Zoom, _extends({}, Slideshowsettings, {
       transitionDuration: 1500,
       duration: 1500,
       arrow: true,

package/dist/index.umd.js

@@ -11746,8 +11746,7 @@
       var InstFilters = function InstFilters() {
         return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
           allowMultipleExpanded: true,
-          allowZeroExpanded: true,
-          preExpanded: [0, 1, 2, 3]
+          allowZeroExpanded: true
         }, instfilters.map(function (item, index) {
           return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
             uuid: index
@@ -13270,7 +13269,7 @@
                 // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
                 // ? 'scrollmenuclassnameitemUpSlideEffectCard'
                 item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
-                scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+                scrollContainerClassName: sectionproperties.showscrollbar == 'Show' ? 'scrollmenuclasssubscrollbar2' : 'scrollmenuclasssubscrollbar'
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
                   className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
@@ -13635,50 +13634,64 @@
     function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var MarqueeHeader = function MarqueeHeader(props) {
+      var _textarray$, _textarray$2;
       props.actions;
       props.actions.lang;
       var langdetect = props.actions.langdetect;
       props.actions.StatePagePropertiesContext;
       var _useState = React.useState({}),
-        _useState2 = _slicedToArray__default["default"](_useState, 2),
-        sectionproperties = _useState2[0],
-        setsectionproperties = _useState2[1];
-      var _useState3 = React.useState([]),
+        _useState2 = _slicedToArray__default["default"](_useState, 2);
+        _useState2[0];
+        var setsectionproperties = _useState2[1];
+      var _useState3 = React.useState({}),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
-        textarray = _useState4[0],
-        settextarray = _useState4[1];
-      React.useEffect(function () {
-        if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
-          var textarrayparsed = JSON.parse(sectionproperties.txtArray);
-          if (Array.isArray(textarrayparsed)) {
-            settextarray(_toConsumableArray__default["default"](textarrayparsed));
-          }
-        }
-      }, [sectionproperties]);
+        templateproperties_context = _useState4[0],
+        settemplateproperties_context = _useState4[1];
+      var _useState5 = React.useState([]),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2),
+        textarray = _useState6[0],
+        settextarray = _useState6[1];
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
           setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
+      React.useEffect(function () {
+        if (props.templateproperties_contextprops != undefined) {
+          settemplateproperties_context(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+        }
+      }, [props.templateproperties_contextprops]);
+      React.useEffect(function () {
+        if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
+          var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
+          if (Array.isArray(textarrayparsed)) {
+            settextarray(_toConsumableArray__default["default"](textarrayparsed));
+          }
+        }
+      }, [templateproperties_context]);
       var header_cssstyles = {
         textSlider: glamor.css({
-          fontSize: sectionproperties.textsliderfontsize + 'px',
-          color: sectionproperties.textsliderfontcolor,
-          fontWeight: sectionproperties.textsliderfontweight
+          fontSize: templateproperties_context.textsliderfontsize + 'px',
+          color: templateproperties_context.textsliderfontcolor,
+          fontWeight: templateproperties_context.textsliderfontweight
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 pt-1",
         style: {
-          background: sectionproperties.textsliderbgcolor
+          background: templateproperties_context.textsliderbgcolor
         }
-      }, /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
+      }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
         "class": "d-flex flex-row align-items-center"
       }, textarray.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("p", {
           "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
         }, langdetect == 'en' ? item.textEnglish : item.textArabic);
-      }))));
+      }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": header_cssstyles.textSlider + ' mb-0 p-0 '
+      }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
     };
 
     var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n    position: relative;\n}\n@media screen and (max-width: 800px) {\n    .subheader-module_sub_outercontainer__-z5ZD {\n        position: relative !important;\n        top: 0 !important;\n    }\n}\n.subheader-module_nav__item__8oLkw {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.subheader-module_nav__item__8oLkw::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    background: currentColor;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 100% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    background: currentColor;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    content: '';\n    top: calc(100% + 4px);\n    transform-origin: 0% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n    content: '';\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\n    transform-origin: 0% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\n    transform-origin: 100% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.subheader-module_dropmenu__lL4Sc {\n    display: none;\n    margin-top: 20px !important;\n}\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\n    display: inline-block;\n    width: 100%;\n    height: 300px;\n    top: 55px;\n    bottom: 0px;\n    position: absolute;\n    transition: 0.3s;\n}\n.subheader-module_active__MjZNG {\n    display: inline-block !important ;\n    height: 300px;\n    top: 45px;\n    bottom: 0px;\n    position: absolute;\n    transition: 0.3s;\n}\n\n@media screen and (max-width: 800px) {\n    .subheader-module_subheader__aW8fS {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .subheader-module_nav__item__8oLkw {\n        /* width: 50% !important; */\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n}\n";
@@ -16927,8 +16940,9 @@
         style: {
           width: sectionproperties.header_width + 'vw'
         }
-      }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+      }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
         sectionpropertiesprops: sectionproperties,
+        templateproperties_contextprops: templateproperties_context,
         actions: actions
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none  ',
@@ -31609,7 +31623,7 @@
       }, sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 justify-content-start align-items-center mb-4 mb-md-4 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-center"
+        "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-start"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -31618,7 +31632,7 @@
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
       }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 p-0 pr-2' : 'col-lg-6 col-md-4 col-sm-6 p-0 pl-2'
+        "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 p-0 pr-2' : 'col-lg-5 col-md-4 col-sm-4 p-0 pl-2'
       }, /*#__PURE__*/React__default["default"].createElement("img", {
         "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
         src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
@@ -31627,7 +31641,7 @@
           window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobileapplink_appstore, '_blank');
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 pl-0' : 'col-lg-6 col-md-4 col-sm-6 pr-0'
+        "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 pl-0' : 'col-lg-5 col-md-4 col-sm-4 pr-0'
       }, /*#__PURE__*/React__default["default"].createElement("img", {
         "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
         src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
@@ -47906,35 +47920,9 @@
         scale: 1.4
       };
       ({
-        beforebg: glamor.css({
-          content: 's',
-          fontSize: 0,
-          position: 'absolute',
-          top: 0,
-          bottom: 0,
-          left: 0,
-          right: 0,
-          width: '100%',
-          height: '100%',
-          backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
-        }),
-        slideshow_btn: glamor.css({
-          height: sectionproperties.generalbtn_height + 'px',
-          width: sectionproperties.generalbtn_width + 'px',
-          background: sectionproperties.generalbtn_bgColor,
-          color: sectionproperties.generalbtn_textColor,
-          borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-          borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-          borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-          borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-          fontSize: sectionproperties.generalbtn_fontsize + 'px',
-          lineHeight: sectionproperties.generalbtn_fontsize + 'px',
-          textTransform: sectionproperties.generalbtn_texttransform,
-          fontWeight: sectionproperties.generalbtn_fontweight,
-          transition: '.3s',
-          ':hover': {
-            background: sectionproperties.generalbtn_bgColoronhover,
-            color: sectionproperties.generalbtn_textColoronhover
+        slideshowcontainer: glamor.css({
+          '@media (max-width: 800px)': {
+            height: sectionproperties.height_responsive + 'px'
           }
         })
       });
@@ -47963,8 +47951,8 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "row m-0 w-100"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-8 mb-md-3 p-md-0"
-        }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, Slideshowsettings, {
+          "class": ' col-lg-8 mb-md-3 p-md-0 '
+        }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
           transitionDuration: 1500,
           duration: 1500,
           arrow: true,

package/package.json

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