tabexseriescomponents 0.2.1181 → 0.2.1183

package/dist/index.cjs.js

@@ -26493,54 +26493,58 @@ var Subheader = function Subheader(props) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     showdownheadermenu = _useState2[0],
     setshowdownheadermenu = _useState2[1];
-  var _useState3 = React.useState(false),
+  var _useState3 = React.useState(''),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    inqmenushow = _useState4[0],
-    setinqmenushow = _useState4[1];
+    pname = _useState4[0],
+    setpname = _useState4[1];
   var _useState5 = React.useState(false),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    selalmenu1 = _useState6[0],
-    setselalmenu1 = _useState6[1];
+    inqmenushow = _useState6[0],
+    setinqmenushow = _useState6[1];
   var _useState7 = React.useState(false),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    selalmenu2 = _useState8[0],
-    setselalmenu2 = _useState8[1];
+    selalmenu1 = _useState8[0],
+    setselalmenu1 = _useState8[1];
   var _useState9 = React.useState(false),
     _useState0 = _slicedToArray__default["default"](_useState9, 2),
-    selalmenu3 = _useState0[0],
-    setselalmenu3 = _useState0[1];
+    selalmenu2 = _useState0[0],
+    setselalmenu2 = _useState0[1];
   var _useState1 = React.useState(false),
-    _useState10 = _slicedToArray__default["default"](_useState1, 2);
-    _useState10[0];
-    _useState10[1];
-  var _useState11 = React.useState(''),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    currentimagecollection = _useState12[0],
-    setcurrentimagecollection = _useState12[1];
-  var _useState13 = React.useState(false),
+    _useState10 = _slicedToArray__default["default"](_useState1, 2),
+    selalmenu3 = _useState10[0],
+    setselalmenu3 = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    _useState12[1];
+  var _useState13 = React.useState(''),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    inqmenushowabout33 = _useState14[0],
-    setinqmenushowabout33 = _useState14[1];
-  var _useState15 = React.useState(''),
+    currentimagecollection = _useState14[0],
+    setcurrentimagecollection = _useState14[1];
+  var _useState15 = React.useState(false),
     _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    Choosenindex = _useState16[0],
-    setChoosenindex = _useState16[1];
+    inqmenushowabout33 = _useState16[0],
+    setinqmenushowabout33 = _useState16[1];
   var _useState17 = React.useState(''),
     _useState18 = _slicedToArray__default["default"](_useState17, 2),
-    Choosenname = _useState18[0],
-    setChoosenname = _useState18[1];
-  var _useState19 = React.useState({}),
+    Choosenindex = _useState18[0],
+    setChoosenindex = _useState18[1];
+  var _useState19 = React.useState(''),
     _useState20 = _slicedToArray__default["default"](_useState19, 2),
-    sectionproperties = _useState20[0],
-    setsectionproperties = _useState20[1];
-  var _useState21 = React.useState([]),
+    Choosenname = _useState20[0],
+    setChoosenname = _useState20[1];
+  var _useState21 = React.useState({}),
     _useState22 = _slicedToArray__default["default"](_useState21, 2),
-    pcollarray = _useState22[0],
-    setpcollarray = _useState22[1];
+    sectionproperties = _useState22[0],
+    setsectionproperties = _useState22[1];
   var _useState23 = React.useState([]),
-    _useState24 = _slicedToArray__default["default"](_useState23, 2);
-    _useState24[0];
-    _useState24[1];
+    _useState24 = _slicedToArray__default["default"](_useState23, 2),
+    pcollarray = _useState24[0],
+    setpcollarray = _useState24[1];
+  var _useState25 = React.useState([]),
+    _useState26 = _slicedToArray__default["default"](_useState25, 2);
+    _useState26[0];
+    _useState26[1];
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   React.useEffect(function () {
@@ -26710,6 +26714,7 @@ var Subheader = function Subheader(props) {
         onMouseEnter: function onMouseEnter() {
           setshowdownheadermenu(true);
           setChoosenindex(index);
+          setpname(item.title_en);
         },
         style: {
           marginLeft: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
@@ -27584,12 +27589,13 @@ var Subheader = function Subheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
   }, /*#__PURE__*/React__default["default"].createElement("ul", {
-    "class": "mt-2",
+    "class": pname == 'Shop' ? 'mt-2 shop' : pname == 'Brands' ? 'mt-2 brands' : pname == 'Services' ? 'mt-2 services' : 'mt-2',
     style: {
       width: '200px',
       background: sectionproperties.subheader_dropdown_bgcolor,
       border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
       borderRadius: sectionproperties.subheader_dropdown_borderRadius + 'px'
+      // left: pname == 'Shop' ? '104%' : pname == 'Brands' ? '204%' : pname == 'Services' ? '304%' : '',
     }
   }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -72949,7 +72955,7 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
 function ownKeys$Z(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$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Freetextsection = function Freetextsection(props) {
-  var _maincontainerarrayof, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
+  var _maincontainerarrayof, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -73093,6 +73099,7 @@ var Freetextsection = function Freetextsection(props) {
     })
   };
   var SectionTitle = function SectionTitle() {
+    var _authdetailsContext$i;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "d-flex align-items-center flex-row d-flex",
       style: {
@@ -73140,7 +73147,7 @@ var Freetextsection = function Freetextsection(props) {
         display: 'inline-block'
       },
       repeat: Infinity
-    })), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    })), sectionproperties.sectiontitlestyle == 'Line Before Text' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6975e2b7caf9c' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": section_styles.line_right,
       style: {
         marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
@@ -73346,7 +73353,7 @@ var Freetextsection = function Freetextsection(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0",
     style: {
-      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
+      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered",
@@ -73358,7 +73365,7 @@ var Freetextsection = function Freetextsection(props) {
     "data-aos": 'fade-up'
   }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
-  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 pt-5",
     style: {
       background: sectionproperties.outerbgcolor
@@ -73385,7 +73392,7 @@ var Freetextsection = function Freetextsection(props) {
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor
     }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
     style: {
       // background: 'white',
@@ -76878,16 +76885,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
   };
   var slideshow_styles = {
     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 + ')'
+      ':before': {
+        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',
@@ -77121,6 +77130,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
+      "class": slideshow_styles.beforebg,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',

package/dist/index.esm.js

@@ -26442,54 +26442,58 @@ var Subheader = function Subheader(props) {
     _useState2 = _slicedToArray(_useState, 2),
     showdownheadermenu = _useState2[0],
     setshowdownheadermenu = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    inqmenushow = _useState4[0],
-    setinqmenushow = _useState4[1];
+    pname = _useState4[0],
+    setpname = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    selalmenu1 = _useState6[0],
-    setselalmenu1 = _useState6[1];
+    inqmenushow = _useState6[0],
+    setinqmenushow = _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    selalmenu2 = _useState8[0],
-    setselalmenu2 = _useState8[1];
+    selalmenu1 = _useState8[0],
+    setselalmenu1 = _useState8[1];
   var _useState9 = useState(false),
     _useState0 = _slicedToArray(_useState9, 2),
-    selalmenu3 = _useState0[0],
-    setselalmenu3 = _useState0[1];
+    selalmenu2 = _useState0[0],
+    setselalmenu2 = _useState0[1];
   var _useState1 = useState(false),
-    _useState10 = _slicedToArray(_useState1, 2);
-    _useState10[0];
-    _useState10[1];
-  var _useState11 = useState(''),
-    _useState12 = _slicedToArray(_useState11, 2),
-    currentimagecollection = _useState12[0],
-    setcurrentimagecollection = _useState12[1];
-  var _useState13 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    selalmenu3 = _useState10[0],
+    setselalmenu3 = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    _useState12[1];
+  var _useState13 = useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
-    inqmenushowabout33 = _useState14[0],
-    setinqmenushowabout33 = _useState14[1];
-  var _useState15 = useState(''),
+    currentimagecollection = _useState14[0],
+    setcurrentimagecollection = _useState14[1];
+  var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    Choosenindex = _useState16[0],
-    setChoosenindex = _useState16[1];
+    inqmenushowabout33 = _useState16[0],
+    setinqmenushowabout33 = _useState16[1];
   var _useState17 = useState(''),
     _useState18 = _slicedToArray(_useState17, 2),
-    Choosenname = _useState18[0],
-    setChoosenname = _useState18[1];
-  var _useState19 = useState({}),
+    Choosenindex = _useState18[0],
+    setChoosenindex = _useState18[1];
+  var _useState19 = useState(''),
     _useState20 = _slicedToArray(_useState19, 2),
-    sectionproperties = _useState20[0],
-    setsectionproperties = _useState20[1];
-  var _useState21 = useState([]),
+    Choosenname = _useState20[0],
+    setChoosenname = _useState20[1];
+  var _useState21 = useState({}),
     _useState22 = _slicedToArray(_useState21, 2),
-    pcollarray = _useState22[0],
-    setpcollarray = _useState22[1];
+    sectionproperties = _useState22[0],
+    setsectionproperties = _useState22[1];
   var _useState23 = useState([]),
-    _useState24 = _slicedToArray(_useState23, 2);
-    _useState24[0];
-    _useState24[1];
+    _useState24 = _slicedToArray(_useState23, 2),
+    pcollarray = _useState24[0],
+    setpcollarray = _useState24[1];
+  var _useState25 = useState([]),
+    _useState26 = _slicedToArray(_useState25, 2);
+    _useState26[0];
+    _useState26[1];
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   useEffect(function () {
@@ -26659,6 +26663,7 @@ var Subheader = function Subheader(props) {
         onMouseEnter: function onMouseEnter() {
           setshowdownheadermenu(true);
           setChoosenindex(index);
+          setpname(item.title_en);
         },
         style: {
           marginLeft: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
@@ -27533,12 +27538,13 @@ var Subheader = function Subheader(props) {
   }, /*#__PURE__*/React.createElement("li", {
     "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
   }, /*#__PURE__*/React.createElement("ul", {
-    "class": "mt-2",
+    "class": pname == 'Shop' ? 'mt-2 shop' : pname == 'Brands' ? 'mt-2 brands' : pname == 'Services' ? 'mt-2 services' : 'mt-2',
     style: {
       width: '200px',
       background: sectionproperties.subheader_dropdown_bgcolor,
       border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
       borderRadius: sectionproperties.subheader_dropdown_borderRadius + 'px'
+      // left: pname == 'Shop' ? '104%' : pname == 'Brands' ? '204%' : pname == 'Services' ? '304%' : '',
     }
   }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -72898,7 +72904,7 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
 function ownKeys$Z(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$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Freetextsection = function Freetextsection(props) {
-  var _maincontainerarrayof, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
+  var _maincontainerarrayof, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -73042,6 +73048,7 @@ var Freetextsection = function Freetextsection(props) {
     })
   };
   var SectionTitle = function SectionTitle() {
+    var _authdetailsContext$i;
     return /*#__PURE__*/React.createElement("div", {
       "class": "d-flex align-items-center flex-row d-flex",
       style: {
@@ -73089,7 +73096,7 @@ var Freetextsection = function Freetextsection(props) {
         display: 'inline-block'
       },
       repeat: Infinity
-    })), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
+    })), sectionproperties.sectiontitlestyle == 'Line Before Text' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6975e2b7caf9c' && /*#__PURE__*/React.createElement("span", {
       "class": section_styles.line_right,
       style: {
         marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
@@ -73295,7 +73302,7 @@ var Freetextsection = function Freetextsection(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0",
     style: {
-      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
+      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered",
@@ -73307,7 +73314,7 @@ var Freetextsection = function Freetextsection(props) {
     "data-aos": 'fade-up'
   }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
-  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React.createElement("div", {
+  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 pt-5",
     style: {
       background: sectionproperties.outerbgcolor
@@ -73334,7 +73341,7 @@ var Freetextsection = function Freetextsection(props) {
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor
     }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
     style: {
       // background: 'white',
@@ -76827,16 +76834,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
   };
   var slideshow_styles = {
     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 + ')'
+      ':before': {
+        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',
@@ -77070,6 +77079,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
+      "class": slideshow_styles.beforebg,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',

package/dist/index.umd.js

@@ -26299,54 +26299,58 @@
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         showdownheadermenu = _useState2[0],
         setshowdownheadermenu = _useState2[1];
-      var _useState3 = React.useState(false),
+      var _useState3 = React.useState(''),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
-        inqmenushow = _useState4[0],
-        setinqmenushow = _useState4[1];
+        pname = _useState4[0],
+        setpname = _useState4[1];
       var _useState5 = React.useState(false),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        selalmenu1 = _useState6[0],
-        setselalmenu1 = _useState6[1];
+        inqmenushow = _useState6[0],
+        setinqmenushow = _useState6[1];
       var _useState7 = React.useState(false),
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        selalmenu2 = _useState8[0],
-        setselalmenu2 = _useState8[1];
+        selalmenu1 = _useState8[0],
+        setselalmenu1 = _useState8[1];
       var _useState9 = React.useState(false),
         _useState0 = _slicedToArray__default["default"](_useState9, 2),
-        selalmenu3 = _useState0[0],
-        setselalmenu3 = _useState0[1];
+        selalmenu2 = _useState0[0],
+        setselalmenu2 = _useState0[1];
       var _useState1 = React.useState(false),
-        _useState10 = _slicedToArray__default["default"](_useState1, 2);
-        _useState10[0];
-        _useState10[1];
-      var _useState11 = React.useState(''),
-        _useState12 = _slicedToArray__default["default"](_useState11, 2),
-        currentimagecollection = _useState12[0],
-        setcurrentimagecollection = _useState12[1];
-      var _useState13 = React.useState(false),
+        _useState10 = _slicedToArray__default["default"](_useState1, 2),
+        selalmenu3 = _useState10[0],
+        setselalmenu3 = _useState10[1];
+      var _useState11 = React.useState(false),
+        _useState12 = _slicedToArray__default["default"](_useState11, 2);
+        _useState12[0];
+        _useState12[1];
+      var _useState13 = React.useState(''),
         _useState14 = _slicedToArray__default["default"](_useState13, 2),
-        inqmenushowabout33 = _useState14[0],
-        setinqmenushowabout33 = _useState14[1];
-      var _useState15 = React.useState(''),
+        currentimagecollection = _useState14[0],
+        setcurrentimagecollection = _useState14[1];
+      var _useState15 = React.useState(false),
         _useState16 = _slicedToArray__default["default"](_useState15, 2),
-        Choosenindex = _useState16[0],
-        setChoosenindex = _useState16[1];
+        inqmenushowabout33 = _useState16[0],
+        setinqmenushowabout33 = _useState16[1];
       var _useState17 = React.useState(''),
         _useState18 = _slicedToArray__default["default"](_useState17, 2),
-        Choosenname = _useState18[0],
-        setChoosenname = _useState18[1];
-      var _useState19 = React.useState({}),
+        Choosenindex = _useState18[0],
+        setChoosenindex = _useState18[1];
+      var _useState19 = React.useState(''),
         _useState20 = _slicedToArray__default["default"](_useState19, 2),
-        sectionproperties = _useState20[0],
-        setsectionproperties = _useState20[1];
-      var _useState21 = React.useState([]),
+        Choosenname = _useState20[0],
+        setChoosenname = _useState20[1];
+      var _useState21 = React.useState({}),
         _useState22 = _slicedToArray__default["default"](_useState21, 2),
-        pcollarray = _useState22[0],
-        setpcollarray = _useState22[1];
+        sectionproperties = _useState22[0],
+        setsectionproperties = _useState22[1];
       var _useState23 = React.useState([]),
-        _useState24 = _slicedToArray__default["default"](_useState23, 2);
-        _useState24[0];
-        _useState24[1];
+        _useState24 = _slicedToArray__default["default"](_useState23, 2),
+        pcollarray = _useState24[0],
+        setpcollarray = _useState24[1];
+      var _useState25 = React.useState([]),
+        _useState26 = _slicedToArray__default["default"](_useState25, 2);
+        _useState26[0];
+        _useState26[1];
       var authdetailsContext = props.actions.authdetailsContext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
       React.useEffect(function () {
@@ -26516,6 +26520,7 @@
             onMouseEnter: function onMouseEnter() {
               setshowdownheadermenu(true);
               setChoosenindex(index);
+              setpname(item.title_en);
             },
             style: {
               marginLeft: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
@@ -27390,12 +27395,13 @@
       }, /*#__PURE__*/React__default["default"].createElement("li", {
         "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
       }, /*#__PURE__*/React__default["default"].createElement("ul", {
-        "class": "mt-2",
+        "class": pname == 'Shop' ? 'mt-2 shop' : pname == 'Brands' ? 'mt-2 brands' : pname == 'Services' ? 'mt-2 services' : 'mt-2',
         style: {
           width: '200px',
           background: sectionproperties.subheader_dropdown_bgcolor,
           border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
           borderRadius: sectionproperties.subheader_dropdown_borderRadius + 'px'
+          // left: pname == 'Shop' ? '104%' : pname == 'Brands' ? '204%' : pname == 'Services' ? '304%' : '',
         }
       }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
         if (item.isshowntocustomers == 1) {
@@ -72755,7 +72761,7 @@
     function ownKeys$Z(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$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Freetextsection = function Freetextsection(props) {
-      var _maincontainerarrayof, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
+      var _maincontainerarrayof, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -72899,6 +72905,7 @@
         })
       };
       var SectionTitle = function SectionTitle() {
+        var _authdetailsContext$i;
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "d-flex align-items-center flex-row d-flex",
           style: {
@@ -72946,7 +72953,7 @@
             display: 'inline-block'
           },
           repeat: Infinity
-        })), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+        })), sectionproperties.sectiontitlestyle == 'Line Before Text' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6975e2b7caf9c' && /*#__PURE__*/React__default["default"].createElement("span", {
           "class": section_styles.line_right,
           style: {
             marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
@@ -73152,7 +73159,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0",
         style: {
-          display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
+          display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered",
@@ -73164,7 +73171,7 @@
         "data-aos": 'fade-up'
       }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
-      }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 pt-5",
         style: {
           background: sectionproperties.outerbgcolor
@@ -73191,7 +73198,7 @@
           fontWeight: sectionproperties.prodCatFontWeight,
           color: sectionproperties.prodCatColor
         }
-      }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
         style: {
           // background: 'white',
@@ -76684,16 +76691,18 @@
       };
       var slideshow_styles = {
         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 + ')'
+          ':before': {
+            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',
@@ -76927,6 +76936,7 @@
           urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
           publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
           path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
+          "class": slideshow_styles.beforebg,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
             objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',

package/package.json

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