tabexseriescomponents 0.0.398 → 0.0.401

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +89 -34
  2. package/dist/index.esm.js +89 -34
  3. package/dist/index.umd.js +89 -34
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -19675,7 +19675,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
19675
19675
  }));
19676
19676
  };
19677
19677
  return /*#__PURE__*/React__default["default"].createElement("div", {
19678
- className: "row m-0 w-100"
19678
+ className: "row m-0 w-100",
19679
+ style: {
19680
+ position: sectionproperties.respheaderposition,
19681
+ zIndex: 10000,
19682
+ top: sectionproperties.respheaderposition == 'absolute' ? '50px' : 0
19683
+ }
19679
19684
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
19680
19685
  className: "col-lg-12 p-0"
19681
19686
  }, openSearch == false && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19686,7 +19691,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
19686
19691
  }), /*#__PURE__*/React__default["default"].createElement("div", {
19687
19692
  className: "col-lg-12 p-0",
19688
19693
  style: {
19689
- background: sectionproperties.resposive_bgcolor
19694
+ background: sectionproperties.responsiveheadertransparentbg == 'Transparent' ? 'transparent' : sectionproperties.resposive_bgcolor
19690
19695
  }
19691
19696
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19692
19697
  className: "row m-0 w-100 p-0 pl-2 pr-2",
@@ -21381,7 +21386,7 @@ var ElegantHeader = function ElegantHeader(props) {
21381
21386
  }))))))));
21382
21387
  };
21383
21388
 
21384
- var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n width: 100% !important;\n display: flex;\n align-items: center;\n align-content: center;\n transition: all 0.2s;\n padding: 0 !important;\n margin: 0 !important;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 50% 100%;\n transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n display: inline-block;\n transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n overflow: hidden;\n}\n/* */\n.Gotoheader-module_searchbar__xRQAq {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n /* right: 0; */\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n width: 400px !important;\n z-index: 1;\n cursor: text;\n}\n.Gotoheader-module_searchbaractive__ECT3T {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n";
21389
+ var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n width: 100% !important;\n display: flex;\n align-items: center;\n align-content: center;\n transition: all 0.2s;\n padding: 0 !important;\n margin: 0 !important;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 50% 100%;\n transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n display: inline-block;\n transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n overflow: hidden;\n}\n/* */\n.Gotoheader-module_searchbar__xRQAq {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n /* right: 0; */\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n width: 400px !important;\n z-index: 1;\n cursor: text;\n}\n@media screen and (max-width:1025px) {\n .Gotoheader-module_searchbar__xRQAq:focus {\n width: 300px !important;\n }\n \n}\n.Gotoheader-module_searchbaractive__ECT3T {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n";
21385
21390
  var headerstyles$e = {"header_container":"Gotoheader-module_header_container__f-O-q","topbar_item_container":"Gotoheader-module_topbar_item_container__qiBbU","topbar_item":"Gotoheader-module_topbar_item__rYdqG","badge_counter_header_notifications":"Gotoheader-module_badge_counter_header_notifications__a3aCj","header_divider":"Gotoheader-module_header_divider__KE8o6","searchbar":"Gotoheader-module_searchbar__xRQAq","searchbaractive":"Gotoheader-module_searchbaractive__ECT3T"};
21386
21391
  styleInject(css_248z$A);
21387
21392
 
@@ -21404,7 +21409,7 @@ var Gotoheader = function Gotoheader(props) {
21404
21409
  var templatepropcontext = props.actions.templatepropcontext;
21405
21410
  var authdetailsContext = props.actions.authdetailsContext;
21406
21411
  var templateproperties_context = props.actions.templateproperties_context;
21407
- props.actions.favoriteprojectscountContext;
21412
+ var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
21408
21413
  var routingcountext = props.actions.routingcountext;
21409
21414
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
21410
21415
  var ikimagecredcontext = props.actions.ikimagecredcontext;
@@ -21513,6 +21518,10 @@ var Gotoheader = function Gotoheader(props) {
21513
21518
  top: sectionproperties.cartbadgetop + 'px',
21514
21519
  right: sectionproperties.cartbadgeright + 'px'
21515
21520
  }),
21521
+ favbadge: glamor.css({
21522
+ top: sectionproperties.wishlistbadgetop + 'px',
21523
+ right: sectionproperties.wishlistbadgeright + 'px'
21524
+ }),
21516
21525
  header_divider: glamor.css({
21517
21526
  height: sectionproperties.vl_height + 'px',
21518
21527
  background: sectionproperties.vl_bg,
@@ -21679,9 +21688,9 @@ var Gotoheader = function Gotoheader(props) {
21679
21688
  }), /*#__PURE__*/React__default["default"].createElement("div", {
21680
21689
  "class": "col-lg-12 p-0"
21681
21690
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21682
- "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center '
21691
+ "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
21683
21692
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21684
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0"
21693
+ "class": "col-xl-3 col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0"
21685
21694
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21686
21695
  "class": "".concat(header_cssstyles.header_logo),
21687
21696
  style: {
@@ -21700,11 +21709,11 @@ var Gotoheader = function Gotoheader(props) {
21700
21709
  objectFit: 'contain'
21701
21710
  }
21702
21711
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
21703
- "class": "col-lg-9 col-md-6 col-sm-12 allcentered p-0"
21712
+ "class": "col-xl-9 col-lg-8 col-md-6 col-sm-12 allcentered p-0"
21704
21713
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21705
21714
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
21706
21715
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21707
- "class": "col-lg-5 p-0 d-flex justify-content-end align-items-center"
21716
+ "class": "col-xl-5 col-lg-4 p-0 d-flex justify-content-end align-items-center"
21708
21717
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21709
21718
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
21710
21719
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21801,6 +21810,16 @@ var Gotoheader = function Gotoheader(props) {
21801
21810
  minWidth: '200px'
21802
21811
  }
21803
21812
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21813
+ onClick: function onClick() {
21814
+ routingcountext(StaticPagesLinksContext.accountinfo);
21815
+ }
21816
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21817
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
21818
+ }, /*#__PURE__*/React__default["default"].createElement(FiUser.FiUser, {
21819
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21820
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
21821
+ "class": ' allcenetered m-0 p-0 '
21822
+ }, langdetect == 'en' ? 'My Account' : 'حسابى'))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21804
21823
  onClick: function onClick() {
21805
21824
  routingcountext(StaticPagesLinksContext.Ordershistory);
21806
21825
  }
@@ -21839,18 +21858,6 @@ var Gotoheader = function Gotoheader(props) {
21839
21858
  })), /*#__PURE__*/React__default["default"].createElement("p", {
21840
21859
  "class": ' allcenetered m-0 p-0 '
21841
21860
  }, lang.wishlist))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21842
- onClick: function onClick() {
21843
- routingcountext(StaticPagesLinksContext.Policies);
21844
- }
21845
- }, /*#__PURE__*/React__default["default"].createElement("div", {
21846
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
21847
- }, /*#__PURE__*/React__default["default"].createElement("i", {
21848
- "class": "h-100 allcentered"
21849
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, {
21850
- "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21851
- })), /*#__PURE__*/React__default["default"].createElement("p", {
21852
- "class": ' allcenetered m-0 p-0 '
21853
- }, lang.policies))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21854
21861
  onClick: function onClick() {
21855
21862
  LogoutMutationContext.mutate();
21856
21863
  }
@@ -21866,8 +21873,13 @@ var Gotoheader = function Gotoheader(props) {
21866
21873
  "class": langdetect == 'en' ? "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center ml-3 ' : "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center mr-3 ',
21867
21874
  onClick: function onClick() {
21868
21875
  routingcountext(StaticPagesLinksContext.Wishlist);
21876
+ },
21877
+ style: {
21878
+ position: 'relative'
21869
21879
  }
21870
- }, /*#__PURE__*/React__default["default"].createElement("i", {
21880
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21881
+ "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.favbadge)
21882
+ }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), /*#__PURE__*/React__default["default"].createElement("i", {
21871
21883
  "class": 'h-100 d-flex align-items-center'
21872
21884
  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
21873
21885
  style: {
@@ -21927,11 +21939,51 @@ var Gotoheader = function Gotoheader(props) {
21927
21939
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
21928
21940
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
21929
21941
  "class": ' d-flex align-items-center justify-content-center '
21930
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
21942
+ }, langdetect == 'en' && sectionproperties.showflags != 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21931
21943
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
21932
21944
  }, /*#__PURE__*/React__default["default"].createElement("p", {
21933
21945
  "class": "m-0 p-0 mr-2"
21934
- }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
21946
+ }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'en' && sectionproperties.showflags == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21947
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
21948
+ onClick: function onClick() {
21949
+ setlang('en');
21950
+ }
21951
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
21952
+ src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
21953
+ style: {
21954
+ maxWidth: '2vh',
21955
+ maxHeight: '2vh'
21956
+ }
21957
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
21958
+ style: {
21959
+ height: '20px',
21960
+ width: '1.5px',
21961
+ background: '#e6e6e6'
21962
+ },
21963
+ "class": "ml-2 mr-2"
21964
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
21965
+ "class": "m-0 p-0"
21966
+ }, "\u0639")), langdetect == 'ar' && sectionproperties.showflags == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21967
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
21968
+ onClick: function onClick() {
21969
+ setlang('ar');
21970
+ }
21971
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
21972
+ src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
21973
+ style: {
21974
+ maxWidth: '2vh',
21975
+ maxHeight: '2vh'
21976
+ }
21977
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
21978
+ style: {
21979
+ height: '20px',
21980
+ width: '1.5px',
21981
+ background: '#e6e6e6'
21982
+ },
21983
+ "class": "ml-2 mr-2"
21984
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
21985
+ "class": "m-0 p-0"
21986
+ }, "En")), langdetect == 'ar' && sectionproperties.showflags != 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21935
21987
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
21936
21988
  }, /*#__PURE__*/React__default["default"].createElement("p", {
21937
21989
  "class": "m-0 p-0 ml-2"
@@ -38002,7 +38054,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
38002
38054
  }
38003
38055
  }),
38004
38056
  lowerHeaderSection: glamor.css({
38005
- background: sectionproperties.lowersection_backgroundColor,
38057
+ background: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
38006
38058
  paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
38007
38059
  paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
38008
38060
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
@@ -41752,7 +41804,7 @@ var Footer7 = function Footer7(props) {
41752
41804
  })
41753
41805
  };
41754
41806
  return /*#__PURE__*/React__default["default"].createElement("div", {
41755
- className: "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ',
41807
+ className: "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center px-1025-1 pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ',
41756
41808
  style: {
41757
41809
  position: 'relative'
41758
41810
  }
@@ -51637,7 +51689,7 @@ var Twobgimages = function Twobgimages(props) {
51637
51689
  var BackgroundImage = function BackgroundImage() {
51638
51690
  var _bgimagearrayofobjs$;
51639
51691
  return /*#__PURE__*/React__default["default"].createElement("div", {
51640
- className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == '12' ? sectionproperties.paddingLeft != 0 ? 'row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat',
51692
+ className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == '12' ? sectionproperties.paddingLeft != 0 ? 'row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat' : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? 'row w-100 ml-0 mr-0 p-0 p-sm-0 p-md-0 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat',
51641
51693
  style: {
51642
51694
  paddingTop: sectionproperties.paddingTop + 'px',
51643
51695
  paddingBottom: sectionproperties.paddingBottom + 'px',
@@ -51653,11 +51705,12 @@ var Twobgimages = function Twobgimages(props) {
51653
51705
  className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
51654
51706
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
51655
51707
  return /*#__PURE__*/React__default["default"].createElement("div", {
51656
- className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
51708
+ className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
51657
51709
  style: {
51658
- paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : '7px',
51659
- paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : '7px',
51660
- cursor: item.place_clickable == 'General' ? 'pointer' : 'default'
51710
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
51711
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
51712
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
51713
+ marginBottom: sectionproperties.image_mb + 'px'
51661
51714
  },
51662
51715
  onClick: function onClick() {
51663
51716
  if (item.IsClickable == 'Yes') {
@@ -53853,7 +53906,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
53853
53906
  var Image = function Image() {
53854
53907
  var _imagesarray$, _imagesarray$7, _imagesarray$8;
53855
53908
  return /*#__PURE__*/React__default["default"].createElement("div", {
53856
- "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53909
+ "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on left' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53857
53910
  style: {
53858
53911
  cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
53859
53912
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -55248,7 +55301,7 @@ var Slideshowfade = function Slideshowfade(props) {
55248
55301
  }, [sectionproperties]);
55249
55302
  var Slideshowsettings = {
55250
55303
  indicators: false,
55251
- arrows: false,
55304
+ arrows: sectionproperties.showarrows == 'Show' ? true : false,
55252
55305
  pauseOnHover: false,
55253
55306
  scale: 1.4
55254
55307
  };
@@ -55918,7 +55971,8 @@ var Slideshowslide = function Slideshowslide(props) {
55918
55971
  margin: 0,
55919
55972
  padding: 0,
55920
55973
  width: '100%',
55921
- height: '100%'
55974
+ height: '100%',
55975
+ borderRadius: sectionproperties.imageborderradius + 'px'
55922
55976
  }
55923
55977
  }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
55924
55978
  "class": 'p-0 align-items-center d-none d-sm-flex ',
@@ -55940,7 +55994,8 @@ var Slideshowslide = function Slideshowslide(props) {
55940
55994
  margin: 0,
55941
55995
  padding: 0,
55942
55996
  width: '100%',
55943
- height: '100%'
55997
+ height: '100%',
55998
+ borderRadius: sectionproperties.imageborderradius + 'px'
55944
55999
  }
55945
56000
  }), SlideShowTextContainer(item)));
55946
56001
  }))))));
package/dist/index.esm.js CHANGED
@@ -19626,7 +19626,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
19626
19626
  }));
19627
19627
  };
19628
19628
  return /*#__PURE__*/React.createElement("div", {
19629
- className: "row m-0 w-100"
19629
+ className: "row m-0 w-100",
19630
+ style: {
19631
+ position: sectionproperties.respheaderposition,
19632
+ zIndex: 10000,
19633
+ top: sectionproperties.respheaderposition == 'absolute' ? '50px' : 0
19634
+ }
19630
19635
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
19631
19636
  className: "col-lg-12 p-0"
19632
19637
  }, openSearch == false && /*#__PURE__*/React.createElement("div", {
@@ -19637,7 +19642,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
19637
19642
  }), /*#__PURE__*/React.createElement("div", {
19638
19643
  className: "col-lg-12 p-0",
19639
19644
  style: {
19640
- background: sectionproperties.resposive_bgcolor
19645
+ background: sectionproperties.responsiveheadertransparentbg == 'Transparent' ? 'transparent' : sectionproperties.resposive_bgcolor
19641
19646
  }
19642
19647
  }, /*#__PURE__*/React.createElement("div", {
19643
19648
  className: "row m-0 w-100 p-0 pl-2 pr-2",
@@ -21332,7 +21337,7 @@ var ElegantHeader = function ElegantHeader(props) {
21332
21337
  }))))))));
21333
21338
  };
21334
21339
 
21335
- var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n width: 100% !important;\n display: flex;\n align-items: center;\n align-content: center;\n transition: all 0.2s;\n padding: 0 !important;\n margin: 0 !important;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 50% 100%;\n transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n display: inline-block;\n transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n overflow: hidden;\n}\n/* */\n.Gotoheader-module_searchbar__xRQAq {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n /* right: 0; */\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n width: 400px !important;\n z-index: 1;\n cursor: text;\n}\n.Gotoheader-module_searchbaractive__ECT3T {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n";
21340
+ var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n width: 100% !important;\n display: flex;\n align-items: center;\n align-content: center;\n transition: all 0.2s;\n padding: 0 !important;\n margin: 0 !important;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 50% 100%;\n transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n display: inline-block;\n transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n overflow: hidden;\n}\n/* */\n.Gotoheader-module_searchbar__xRQAq {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n /* right: 0; */\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n width: 400px !important;\n z-index: 1;\n cursor: text;\n}\n@media screen and (max-width:1025px) {\n .Gotoheader-module_searchbar__xRQAq:focus {\n width: 300px !important;\n }\n \n}\n.Gotoheader-module_searchbaractive__ECT3T {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n";
21336
21341
  var headerstyles$e = {"header_container":"Gotoheader-module_header_container__f-O-q","topbar_item_container":"Gotoheader-module_topbar_item_container__qiBbU","topbar_item":"Gotoheader-module_topbar_item__rYdqG","badge_counter_header_notifications":"Gotoheader-module_badge_counter_header_notifications__a3aCj","header_divider":"Gotoheader-module_header_divider__KE8o6","searchbar":"Gotoheader-module_searchbar__xRQAq","searchbaractive":"Gotoheader-module_searchbaractive__ECT3T"};
21337
21342
  styleInject(css_248z$A);
21338
21343
 
@@ -21355,7 +21360,7 @@ var Gotoheader = function Gotoheader(props) {
21355
21360
  var templatepropcontext = props.actions.templatepropcontext;
21356
21361
  var authdetailsContext = props.actions.authdetailsContext;
21357
21362
  var templateproperties_context = props.actions.templateproperties_context;
21358
- props.actions.favoriteprojectscountContext;
21363
+ var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
21359
21364
  var routingcountext = props.actions.routingcountext;
21360
21365
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
21361
21366
  var ikimagecredcontext = props.actions.ikimagecredcontext;
@@ -21464,6 +21469,10 @@ var Gotoheader = function Gotoheader(props) {
21464
21469
  top: sectionproperties.cartbadgetop + 'px',
21465
21470
  right: sectionproperties.cartbadgeright + 'px'
21466
21471
  }),
21472
+ favbadge: css({
21473
+ top: sectionproperties.wishlistbadgetop + 'px',
21474
+ right: sectionproperties.wishlistbadgeright + 'px'
21475
+ }),
21467
21476
  header_divider: css({
21468
21477
  height: sectionproperties.vl_height + 'px',
21469
21478
  background: sectionproperties.vl_bg,
@@ -21630,9 +21639,9 @@ var Gotoheader = function Gotoheader(props) {
21630
21639
  }), /*#__PURE__*/React.createElement("div", {
21631
21640
  "class": "col-lg-12 p-0"
21632
21641
  }, /*#__PURE__*/React.createElement("div", {
21633
- "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center '
21642
+ "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
21634
21643
  }, /*#__PURE__*/React.createElement("div", {
21635
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0"
21644
+ "class": "col-xl-3 col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0"
21636
21645
  }, /*#__PURE__*/React.createElement("div", {
21637
21646
  "class": "".concat(header_cssstyles.header_logo),
21638
21647
  style: {
@@ -21651,11 +21660,11 @@ var Gotoheader = function Gotoheader(props) {
21651
21660
  objectFit: 'contain'
21652
21661
  }
21653
21662
  }))), /*#__PURE__*/React.createElement("div", {
21654
- "class": "col-lg-9 col-md-6 col-sm-12 allcentered p-0"
21663
+ "class": "col-xl-9 col-lg-8 col-md-6 col-sm-12 allcentered p-0"
21655
21664
  }, /*#__PURE__*/React.createElement("div", {
21656
21665
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
21657
21666
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
21658
- "class": "col-lg-5 p-0 d-flex justify-content-end align-items-center"
21667
+ "class": "col-xl-5 col-lg-4 p-0 d-flex justify-content-end align-items-center"
21659
21668
  }, /*#__PURE__*/React.createElement("div", {
21660
21669
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
21661
21670
  }, /*#__PURE__*/React.createElement("div", {
@@ -21752,6 +21761,16 @@ var Gotoheader = function Gotoheader(props) {
21752
21761
  minWidth: '200px'
21753
21762
  }
21754
21763
  }, /*#__PURE__*/React.createElement(Dropdown.Item, {
21764
+ onClick: function onClick() {
21765
+ routingcountext(StaticPagesLinksContext.accountinfo);
21766
+ }
21767
+ }, /*#__PURE__*/React.createElement("div", {
21768
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
21769
+ }, /*#__PURE__*/React.createElement(FiUser, {
21770
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21771
+ }), /*#__PURE__*/React.createElement("p", {
21772
+ "class": ' allcenetered m-0 p-0 '
21773
+ }, langdetect == 'en' ? 'My Account' : 'حسابى'))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
21755
21774
  onClick: function onClick() {
21756
21775
  routingcountext(StaticPagesLinksContext.Ordershistory);
21757
21776
  }
@@ -21790,18 +21809,6 @@ var Gotoheader = function Gotoheader(props) {
21790
21809
  })), /*#__PURE__*/React.createElement("p", {
21791
21810
  "class": ' allcenetered m-0 p-0 '
21792
21811
  }, lang.wishlist))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
21793
- onClick: function onClick() {
21794
- routingcountext(StaticPagesLinksContext.Policies);
21795
- }
21796
- }, /*#__PURE__*/React.createElement("div", {
21797
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
21798
- }, /*#__PURE__*/React.createElement("i", {
21799
- "class": "h-100 allcentered"
21800
- }, /*#__PURE__*/React.createElement(AiOutlineSecurityScan, {
21801
- "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21802
- })), /*#__PURE__*/React.createElement("p", {
21803
- "class": ' allcenetered m-0 p-0 '
21804
- }, lang.policies))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
21805
21812
  onClick: function onClick() {
21806
21813
  LogoutMutationContext.mutate();
21807
21814
  }
@@ -21817,8 +21824,13 @@ var Gotoheader = function Gotoheader(props) {
21817
21824
  "class": langdetect == 'en' ? "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center ml-3 ' : "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center mr-3 ',
21818
21825
  onClick: function onClick() {
21819
21826
  routingcountext(StaticPagesLinksContext.Wishlist);
21827
+ },
21828
+ style: {
21829
+ position: 'relative'
21820
21830
  }
21821
- }, /*#__PURE__*/React.createElement("i", {
21831
+ }, /*#__PURE__*/React.createElement("div", {
21832
+ "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.favbadge)
21833
+ }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), /*#__PURE__*/React.createElement("i", {
21822
21834
  "class": 'h-100 d-flex align-items-center'
21823
21835
  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
21824
21836
  style: {
@@ -21878,11 +21890,51 @@ var Gotoheader = function Gotoheader(props) {
21878
21890
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
21879
21891
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
21880
21892
  "class": ' d-flex align-items-center justify-content-center '
21881
- }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
21893
+ }, langdetect == 'en' && sectionproperties.showflags != 'Show' && /*#__PURE__*/React.createElement("div", {
21882
21894
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
21883
21895
  }, /*#__PURE__*/React.createElement("p", {
21884
21896
  "class": "m-0 p-0 mr-2"
21885
- }, "En"), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
21897
+ }, "En"), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'en' && sectionproperties.showflags == 'Show' && /*#__PURE__*/React.createElement("div", {
21898
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
21899
+ onClick: function onClick() {
21900
+ setlang('en');
21901
+ }
21902
+ }, /*#__PURE__*/React.createElement("img", {
21903
+ src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
21904
+ style: {
21905
+ maxWidth: '2vh',
21906
+ maxHeight: '2vh'
21907
+ }
21908
+ }), /*#__PURE__*/React.createElement("div", {
21909
+ style: {
21910
+ height: '20px',
21911
+ width: '1.5px',
21912
+ background: '#e6e6e6'
21913
+ },
21914
+ "class": "ml-2 mr-2"
21915
+ }), /*#__PURE__*/React.createElement("p", {
21916
+ "class": "m-0 p-0"
21917
+ }, "\u0639")), langdetect == 'ar' && sectionproperties.showflags == 'Show' && /*#__PURE__*/React.createElement("div", {
21918
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
21919
+ onClick: function onClick() {
21920
+ setlang('ar');
21921
+ }
21922
+ }, /*#__PURE__*/React.createElement("img", {
21923
+ src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
21924
+ style: {
21925
+ maxWidth: '2vh',
21926
+ maxHeight: '2vh'
21927
+ }
21928
+ }), /*#__PURE__*/React.createElement("div", {
21929
+ style: {
21930
+ height: '20px',
21931
+ width: '1.5px',
21932
+ background: '#e6e6e6'
21933
+ },
21934
+ "class": "ml-2 mr-2"
21935
+ }), /*#__PURE__*/React.createElement("p", {
21936
+ "class": "m-0 p-0"
21937
+ }, "En")), langdetect == 'ar' && sectionproperties.showflags != 'Show' && /*#__PURE__*/React.createElement("div", {
21886
21938
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
21887
21939
  }, /*#__PURE__*/React.createElement("p", {
21888
21940
  "class": "m-0 p-0 ml-2"
@@ -37953,7 +38005,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
37953
38005
  }
37954
38006
  }),
37955
38007
  lowerHeaderSection: css({
37956
- background: sectionproperties.lowersection_backgroundColor,
38008
+ background: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
37957
38009
  paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
37958
38010
  paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
37959
38011
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
@@ -41703,7 +41755,7 @@ var Footer7 = function Footer7(props) {
41703
41755
  })
41704
41756
  };
41705
41757
  return /*#__PURE__*/React.createElement("div", {
41706
- className: "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ',
41758
+ className: "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center px-1025-1 pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ',
41707
41759
  style: {
41708
41760
  position: 'relative'
41709
41761
  }
@@ -51588,7 +51640,7 @@ var Twobgimages = function Twobgimages(props) {
51588
51640
  var BackgroundImage = function BackgroundImage() {
51589
51641
  var _bgimagearrayofobjs$;
51590
51642
  return /*#__PURE__*/React.createElement("div", {
51591
- className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == '12' ? sectionproperties.paddingLeft != 0 ? 'row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat',
51643
+ className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == '12' ? sectionproperties.paddingLeft != 0 ? 'row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat' : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? 'row w-100 ml-0 mr-0 p-0 p-sm-0 p-md-0 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat',
51592
51644
  style: {
51593
51645
  paddingTop: sectionproperties.paddingTop + 'px',
51594
51646
  paddingBottom: sectionproperties.paddingBottom + 'px',
@@ -51604,11 +51656,12 @@ var Twobgimages = function Twobgimages(props) {
51604
51656
  className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
51605
51657
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
51606
51658
  return /*#__PURE__*/React.createElement("div", {
51607
- className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
51659
+ className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
51608
51660
  style: {
51609
- paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : '7px',
51610
- paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : '7px',
51611
- cursor: item.place_clickable == 'General' ? 'pointer' : 'default'
51661
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
51662
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
51663
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
51664
+ marginBottom: sectionproperties.image_mb + 'px'
51612
51665
  },
51613
51666
  onClick: function onClick() {
51614
51667
  if (item.IsClickable == 'Yes') {
@@ -53804,7 +53857,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
53804
53857
  var Image = function Image() {
53805
53858
  var _imagesarray$, _imagesarray$7, _imagesarray$8;
53806
53859
  return /*#__PURE__*/React.createElement("div", {
53807
- "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53860
+ "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on left' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53808
53861
  style: {
53809
53862
  cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
53810
53863
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -55199,7 +55252,7 @@ var Slideshowfade = function Slideshowfade(props) {
55199
55252
  }, [sectionproperties]);
55200
55253
  var Slideshowsettings = {
55201
55254
  indicators: false,
55202
- arrows: false,
55255
+ arrows: sectionproperties.showarrows == 'Show' ? true : false,
55203
55256
  pauseOnHover: false,
55204
55257
  scale: 1.4
55205
55258
  };
@@ -55869,7 +55922,8 @@ var Slideshowslide = function Slideshowslide(props) {
55869
55922
  margin: 0,
55870
55923
  padding: 0,
55871
55924
  width: '100%',
55872
- height: '100%'
55925
+ height: '100%',
55926
+ borderRadius: sectionproperties.imageborderradius + 'px'
55873
55927
  }
55874
55928
  }), SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
55875
55929
  "class": 'p-0 align-items-center d-none d-sm-flex ',
@@ -55891,7 +55945,8 @@ var Slideshowslide = function Slideshowslide(props) {
55891
55945
  margin: 0,
55892
55946
  padding: 0,
55893
55947
  width: '100%',
55894
- height: '100%'
55948
+ height: '100%',
55949
+ borderRadius: sectionproperties.imageborderradius + 'px'
55895
55950
  }
55896
55951
  }), SlideShowTextContainer(item)));
55897
55952
  }))))));
package/dist/index.umd.js CHANGED
@@ -19507,7 +19507,12 @@
19507
19507
  }));
19508
19508
  };
19509
19509
  return /*#__PURE__*/React__default["default"].createElement("div", {
19510
- className: "row m-0 w-100"
19510
+ className: "row m-0 w-100",
19511
+ style: {
19512
+ position: sectionproperties.respheaderposition,
19513
+ zIndex: 10000,
19514
+ top: sectionproperties.respheaderposition == 'absolute' ? '50px' : 0
19515
+ }
19511
19516
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
19512
19517
  className: "col-lg-12 p-0"
19513
19518
  }, openSearch == false && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19518,7 +19523,7 @@
19518
19523
  }), /*#__PURE__*/React__default["default"].createElement("div", {
19519
19524
  className: "col-lg-12 p-0",
19520
19525
  style: {
19521
- background: sectionproperties.resposive_bgcolor
19526
+ background: sectionproperties.responsiveheadertransparentbg == 'Transparent' ? 'transparent' : sectionproperties.resposive_bgcolor
19522
19527
  }
19523
19528
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19524
19529
  className: "row m-0 w-100 p-0 pl-2 pr-2",
@@ -21213,7 +21218,7 @@
21213
21218
  }))))))));
21214
21219
  };
21215
21220
 
21216
- var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n width: 100% !important;\n display: flex;\n align-items: center;\n align-content: center;\n transition: all 0.2s;\n padding: 0 !important;\n margin: 0 !important;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 50% 100%;\n transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n display: inline-block;\n transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n overflow: hidden;\n}\n/* */\n.Gotoheader-module_searchbar__xRQAq {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n /* right: 0; */\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n width: 400px !important;\n z-index: 1;\n cursor: text;\n}\n.Gotoheader-module_searchbaractive__ECT3T {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n";
21221
+ var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n width: 100% !important;\n display: flex;\n align-items: center;\n align-content: center;\n transition: all 0.2s;\n padding: 0 !important;\n margin: 0 !important;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 50% 100%;\n transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n display: inline-block;\n transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n overflow: hidden;\n}\n/* */\n.Gotoheader-module_searchbar__xRQAq {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n /* right: 0; */\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n width: 400px !important;\n z-index: 1;\n cursor: text;\n}\n@media screen and (max-width:1025px) {\n .Gotoheader-module_searchbar__xRQAq:focus {\n width: 300px !important;\n }\n \n}\n.Gotoheader-module_searchbaractive__ECT3T {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n";
21217
21222
  var headerstyles$e = {"header_container":"Gotoheader-module_header_container__f-O-q","topbar_item_container":"Gotoheader-module_topbar_item_container__qiBbU","topbar_item":"Gotoheader-module_topbar_item__rYdqG","badge_counter_header_notifications":"Gotoheader-module_badge_counter_header_notifications__a3aCj","header_divider":"Gotoheader-module_header_divider__KE8o6","searchbar":"Gotoheader-module_searchbar__xRQAq","searchbaractive":"Gotoheader-module_searchbaractive__ECT3T"};
21218
21223
  styleInject(css_248z$A);
21219
21224
 
@@ -21236,7 +21241,7 @@
21236
21241
  var templatepropcontext = props.actions.templatepropcontext;
21237
21242
  var authdetailsContext = props.actions.authdetailsContext;
21238
21243
  var templateproperties_context = props.actions.templateproperties_context;
21239
- props.actions.favoriteprojectscountContext;
21244
+ var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
21240
21245
  var routingcountext = props.actions.routingcountext;
21241
21246
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
21242
21247
  var ikimagecredcontext = props.actions.ikimagecredcontext;
@@ -21345,6 +21350,10 @@
21345
21350
  top: sectionproperties.cartbadgetop + 'px',
21346
21351
  right: sectionproperties.cartbadgeright + 'px'
21347
21352
  }),
21353
+ favbadge: glamor.css({
21354
+ top: sectionproperties.wishlistbadgetop + 'px',
21355
+ right: sectionproperties.wishlistbadgeright + 'px'
21356
+ }),
21348
21357
  header_divider: glamor.css({
21349
21358
  height: sectionproperties.vl_height + 'px',
21350
21359
  background: sectionproperties.vl_bg,
@@ -21511,9 +21520,9 @@
21511
21520
  }), /*#__PURE__*/React__default["default"].createElement("div", {
21512
21521
  "class": "col-lg-12 p-0"
21513
21522
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21514
- "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center '
21523
+ "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
21515
21524
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21516
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0"
21525
+ "class": "col-xl-3 col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0"
21517
21526
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21518
21527
  "class": "".concat(header_cssstyles.header_logo),
21519
21528
  style: {
@@ -21532,11 +21541,11 @@
21532
21541
  objectFit: 'contain'
21533
21542
  }
21534
21543
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
21535
- "class": "col-lg-9 col-md-6 col-sm-12 allcentered p-0"
21544
+ "class": "col-xl-9 col-lg-8 col-md-6 col-sm-12 allcentered p-0"
21536
21545
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21537
21546
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
21538
21547
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21539
- "class": "col-lg-5 p-0 d-flex justify-content-end align-items-center"
21548
+ "class": "col-xl-5 col-lg-4 p-0 d-flex justify-content-end align-items-center"
21540
21549
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21541
21550
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
21542
21551
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21633,6 +21642,16 @@
21633
21642
  minWidth: '200px'
21634
21643
  }
21635
21644
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21645
+ onClick: function onClick() {
21646
+ routingcountext(StaticPagesLinksContext.accountinfo);
21647
+ }
21648
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21649
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
21650
+ }, /*#__PURE__*/React__default["default"].createElement(FiUser.FiUser, {
21651
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21652
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
21653
+ "class": ' allcenetered m-0 p-0 '
21654
+ }, langdetect == 'en' ? 'My Account' : 'حسابى'))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21636
21655
  onClick: function onClick() {
21637
21656
  routingcountext(StaticPagesLinksContext.Ordershistory);
21638
21657
  }
@@ -21671,18 +21690,6 @@
21671
21690
  })), /*#__PURE__*/React__default["default"].createElement("p", {
21672
21691
  "class": ' allcenetered m-0 p-0 '
21673
21692
  }, lang.wishlist))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21674
- onClick: function onClick() {
21675
- routingcountext(StaticPagesLinksContext.Policies);
21676
- }
21677
- }, /*#__PURE__*/React__default["default"].createElement("div", {
21678
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
21679
- }, /*#__PURE__*/React__default["default"].createElement("i", {
21680
- "class": "h-100 allcentered"
21681
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, {
21682
- "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21683
- })), /*#__PURE__*/React__default["default"].createElement("p", {
21684
- "class": ' allcenetered m-0 p-0 '
21685
- }, lang.policies))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21686
21693
  onClick: function onClick() {
21687
21694
  LogoutMutationContext.mutate();
21688
21695
  }
@@ -21698,8 +21705,13 @@
21698
21705
  "class": langdetect == 'en' ? "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center ml-3 ' : "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center mr-3 ',
21699
21706
  onClick: function onClick() {
21700
21707
  routingcountext(StaticPagesLinksContext.Wishlist);
21708
+ },
21709
+ style: {
21710
+ position: 'relative'
21701
21711
  }
21702
- }, /*#__PURE__*/React__default["default"].createElement("i", {
21712
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21713
+ "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.favbadge)
21714
+ }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), /*#__PURE__*/React__default["default"].createElement("i", {
21703
21715
  "class": 'h-100 d-flex align-items-center'
21704
21716
  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
21705
21717
  style: {
@@ -21759,11 +21771,51 @@
21759
21771
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
21760
21772
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
21761
21773
  "class": ' d-flex align-items-center justify-content-center '
21762
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
21774
+ }, langdetect == 'en' && sectionproperties.showflags != 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21763
21775
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
21764
21776
  }, /*#__PURE__*/React__default["default"].createElement("p", {
21765
21777
  "class": "m-0 p-0 mr-2"
21766
- }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
21778
+ }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'en' && sectionproperties.showflags == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21779
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
21780
+ onClick: function onClick() {
21781
+ setlang('en');
21782
+ }
21783
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
21784
+ src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
21785
+ style: {
21786
+ maxWidth: '2vh',
21787
+ maxHeight: '2vh'
21788
+ }
21789
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
21790
+ style: {
21791
+ height: '20px',
21792
+ width: '1.5px',
21793
+ background: '#e6e6e6'
21794
+ },
21795
+ "class": "ml-2 mr-2"
21796
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
21797
+ "class": "m-0 p-0"
21798
+ }, "\u0639")), langdetect == 'ar' && sectionproperties.showflags == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21799
+ "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
21800
+ onClick: function onClick() {
21801
+ setlang('ar');
21802
+ }
21803
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
21804
+ src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
21805
+ style: {
21806
+ maxWidth: '2vh',
21807
+ maxHeight: '2vh'
21808
+ }
21809
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
21810
+ style: {
21811
+ height: '20px',
21812
+ width: '1.5px',
21813
+ background: '#e6e6e6'
21814
+ },
21815
+ "class": "ml-2 mr-2"
21816
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
21817
+ "class": "m-0 p-0"
21818
+ }, "En")), langdetect == 'ar' && sectionproperties.showflags != 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
21767
21819
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
21768
21820
  }, /*#__PURE__*/React__default["default"].createElement("p", {
21769
21821
  "class": "m-0 p-0 ml-2"
@@ -37834,7 +37886,7 @@
37834
37886
  }
37835
37887
  }),
37836
37888
  lowerHeaderSection: glamor.css({
37837
- background: sectionproperties.lowersection_backgroundColor,
37889
+ background: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
37838
37890
  paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
37839
37891
  paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
37840
37892
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
@@ -41584,7 +41636,7 @@
41584
41636
  })
41585
41637
  };
41586
41638
  return /*#__PURE__*/React__default["default"].createElement("div", {
41587
- className: "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ',
41639
+ className: "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center px-1025-1 pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ',
41588
41640
  style: {
41589
41641
  position: 'relative'
41590
41642
  }
@@ -51469,7 +51521,7 @@
51469
51521
  var BackgroundImage = function BackgroundImage() {
51470
51522
  var _bgimagearrayofobjs$;
51471
51523
  return /*#__PURE__*/React__default["default"].createElement("div", {
51472
- className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == '12' ? sectionproperties.paddingLeft != 0 ? 'row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat',
51524
+ className: ((_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bg1_numberofcols) == '12' ? sectionproperties.paddingLeft != 0 ? 'row w-100 ml-0 mr-0 pl-md-2 pr-md-2 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-0 pr-md-0 no-repeat' : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? 'row w-100 ml-0 mr-0 p-0 p-sm-0 p-md-0 no-repeat' : 'row w-100 ml-0 mr-0 pl-md-3 pr-md-3 no-repeat',
51473
51525
  style: {
51474
51526
  paddingTop: sectionproperties.paddingTop + 'px',
51475
51527
  paddingBottom: sectionproperties.paddingBottom + 'px',
@@ -51485,11 +51537,12 @@
51485
51537
  className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
51486
51538
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
51487
51539
  return /*#__PURE__*/React__default["default"].createElement("div", {
51488
- className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
51540
+ className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
51489
51541
  style: {
51490
- paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : '7px',
51491
- paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : '7px',
51492
- cursor: item.place_clickable == 'General' ? 'pointer' : 'default'
51542
+ paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
51543
+ paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
51544
+ cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
51545
+ marginBottom: sectionproperties.image_mb + 'px'
51493
51546
  },
51494
51547
  onClick: function onClick() {
51495
51548
  if (item.IsClickable == 'Yes') {
@@ -53685,7 +53738,7 @@
53685
53738
  var Image = function Image() {
53686
53739
  var _imagesarray$, _imagesarray$7, _imagesarray$8;
53687
53740
  return /*#__PURE__*/React__default["default"].createElement("div", {
53688
- "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53741
+ "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on left' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
53689
53742
  style: {
53690
53743
  cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
53691
53744
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -55080,7 +55133,7 @@
55080
55133
  }, [sectionproperties]);
55081
55134
  var Slideshowsettings = {
55082
55135
  indicators: false,
55083
- arrows: false,
55136
+ arrows: sectionproperties.showarrows == 'Show' ? true : false,
55084
55137
  pauseOnHover: false,
55085
55138
  scale: 1.4
55086
55139
  };
@@ -55750,7 +55803,8 @@
55750
55803
  margin: 0,
55751
55804
  padding: 0,
55752
55805
  width: '100%',
55753
- height: '100%'
55806
+ height: '100%',
55807
+ borderRadius: sectionproperties.imageborderradius + 'px'
55754
55808
  }
55755
55809
  }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
55756
55810
  "class": 'p-0 align-items-center d-none d-sm-flex ',
@@ -55772,7 +55826,8 @@
55772
55826
  margin: 0,
55773
55827
  padding: 0,
55774
55828
  width: '100%',
55775
- height: '100%'
55829
+ height: '100%',
55830
+ borderRadius: sectionproperties.imageborderradius + 'px'
55776
55831
  }
55777
55832
  }), SlideShowTextContainer(item)));
55778
55833
  }))))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.398",
3
+ "version": "0.0.401",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {