tabexseriescomponents 0.0.167 → 0.0.169

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 +63 -37
  2. package/dist/index.esm.js +63 -37
  3. package/dist/index.umd.js +63 -37
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -8638,10 +8638,10 @@ var Filter$1 = function Filter(props) {
8638
8638
  })
8639
8639
  };
8640
8640
  return /*#__PURE__*/React__default["default"].createElement("div", {
8641
- className: "col-lg-12 p-0 w-100 filter",
8641
+ className: "col-lg-12 p-0 w-100 filter mt-md-0",
8642
8642
  style: {
8643
8643
  marginTop: sectionproperties.filtersection_mt + 'px',
8644
- zIndex: 10000
8644
+ zIndex: 1000000
8645
8645
  }
8646
8646
  }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
8647
8647
  className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
@@ -8711,16 +8711,41 @@ var Filter$1 = function Filter(props) {
8711
8711
  }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8712
8712
  }))))));
8713
8713
  })), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
8714
- className: "".concat(filterstyles.filterslider_container),
8714
+ className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
8715
8715
  id: "filterslider",
8716
8716
  style: {
8717
8717
  background: sectionproperties.filter_backgroundcolor,
8718
8718
  borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8719
- zIndex: 9999
8719
+ zIndex: 100000
8720
8720
  }
8721
8721
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8722
8722
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8723
- }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8723
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8724
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8725
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8726
+ className: "m-0 p-0 font-16 font-weight-600",
8727
+ style: {
8728
+ color: sectionproperties.filter_titlecolor,
8729
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8730
+ fontWeight: sectionproperties.filter_titlefontweight,
8731
+ textTransform: sectionproperties.filter_titletextransform
8732
+ }
8733
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8734
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8735
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8736
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8737
+ onClick: function onClick() {
8738
+ var element = document.getElementById('filterslider');
8739
+ element.classList.remove(filterstyles.filterslider_container_opened);
8740
+ }
8741
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8742
+ className: "h-100 d-flex align-items-center justify-content-center"
8743
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
8744
+ size: sectionproperties.closeSlider_fontSize,
8745
+ style: {
8746
+ color: sectionproperties.closeSlider_color
8747
+ }
8748
+ })))), sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8724
8749
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8725
8750
  allowMultipleExpanded: true,
8726
8751
  allowZeroExpanded: true,
@@ -8731,13 +8756,13 @@ var Filter$1 = function Filter(props) {
8731
8756
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8732
8757
  uuid: index
8733
8758
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8734
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8759
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8735
8760
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8736
- className: "col-lg-10 p-0"
8761
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8737
8762
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8738
8763
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8739
8764
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
8740
- className: "col-lg-2 p-0"
8765
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8741
8766
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8742
8767
  if (state.expanded == true) {
8743
8768
  return /*#__PURE__*/React__default["default"].createElement("i", {
@@ -8795,9 +8820,9 @@ var Filter$1 = function Filter(props) {
8795
8820
  className: "mt-3 mb-3"
8796
8821
  }));
8797
8822
  }), /*#__PURE__*/React__default["default"].createElement("div", {
8798
- className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-flex"
8823
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
8799
8824
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8800
- className: "m-0 p-0 font-16 font-weight-600",
8825
+ className: "m-0 p-0 font-16 font-weight-600",
8801
8826
  style: {
8802
8827
  color: sectionproperties.filter_titlecolor,
8803
8828
  fontSize: sectionproperties.filter_titlefontsize + 'px',
@@ -8805,7 +8830,7 @@ var Filter$1 = function Filter(props) {
8805
8830
  textTransform: sectionproperties.filter_titletextransform
8806
8831
  }
8807
8832
  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8808
- className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
8833
+ className: "col-lg-3 col-md-3 col-sm-3 d-flex d-md-none align-items-center justify-content-end p-0"
8809
8834
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8810
8835
  className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8811
8836
  onClick: function onClick() {
@@ -8832,13 +8857,13 @@ var Filter$1 = function Filter(props) {
8832
8857
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8833
8858
  uuid: 0
8834
8859
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8835
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8860
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8836
8861
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8837
- className: "col-lg-10 p-0"
8862
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8838
8863
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8839
8864
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8840
8865
  }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8841
- className: "col-lg-2 p-0"
8866
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8842
8867
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8843
8868
  if (state.expanded == true) {
8844
8869
  return /*#__PURE__*/React__default["default"].createElement("i", {
@@ -8885,13 +8910,13 @@ var Filter$1 = function Filter(props) {
8885
8910
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8886
8911
  uuid: index
8887
8912
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8888
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8913
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8889
8914
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8890
- className: "col-lg-10 p-0"
8915
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8891
8916
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8892
8917
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8893
8918
  }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8894
- className: "col-lg-2 p-0"
8919
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8895
8920
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8896
8921
  if (state.expanded == true) {
8897
8922
  return /*#__PURE__*/React__default["default"].createElement("i", {
@@ -9608,8 +9633,14 @@ var CardsSection = function CardsSection(props) {
9608
9633
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9609
9634
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9610
9635
  }
9611
- }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
9612
- className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex d-md-none' : 'col-lg-3 d-flex d-md-none'
9636
+ }, sectionproperties.showFilter == 'show' &&
9637
+ /*#__PURE__*/
9638
+ // d-md-none
9639
+ React__default["default"].createElement("div", {
9640
+ className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9641
+ style: {
9642
+ zIndex: 1000
9643
+ }
9613
9644
  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
9614
9645
  sectionpropertiesprops: sectionproperties,
9615
9646
  actions: actions
@@ -9946,9 +9977,8 @@ var Subheader = function Subheader(props) {
9946
9977
  }
9947
9978
  }, [fetchCategoriesQueryContext.isSuccess]);
9948
9979
  return /*#__PURE__*/React__default["default"].createElement("div", {
9949
- "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 ',
9980
+ "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 z-200 z-md-100 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 z-200 z-md-100 ',
9950
9981
  style: {
9951
- zIndex: 200,
9952
9982
  flex: 1,
9953
9983
  paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
9954
9984
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
@@ -11905,16 +11935,18 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
11905
11935
  })
11906
11936
  };
11907
11937
  return /*#__PURE__*/React__default["default"].createElement("div", {
11908
- "class": "row w-100 ml-0 mr-0 d-flex justify-content-center",
11938
+ "class": "row w-100 ml-0 mr-0 d-flex justify-content-center ",
11909
11939
  style: {
11910
11940
  marginTop: sectionproperties.header_marginTop + 'px',
11911
- marginBottom: sectionproperties.header_marginBottom + 'px',
11912
- position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
11941
+ marginBottom: sectionproperties.header_marginBottom + 'px'
11942
+ }
11943
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
11944
+ "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 ',
11945
+ style: {
11913
11946
  zIndex: 1000,
11947
+ position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
11914
11948
  top: 0
11915
11949
  }
11916
- }, /*#__PURE__*/React__default["default"].createElement("div", {
11917
- "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
11918
11950
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11919
11951
  "class": "col-lg-12 d-flex align-items-center plr-1025-0",
11920
11952
  style: {
@@ -26451,10 +26483,7 @@ var Footer5 = function Footer5(props) {
26451
26483
  opacity: 0.6
26452
26484
  }
26453
26485
  })), /*#__PURE__*/React__default["default"].createElement("div", {
26454
- className: "col-lg-12 p-0",
26455
- style: {
26456
- zIndex: 10
26457
- }
26486
+ className: "col-lg-12 p-0"
26458
26487
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26459
26488
  className: "row m-0 w-100"
26460
26489
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27224,10 +27253,7 @@ var Footer7 = function Footer7(props) {
27224
27253
  left: 0
27225
27254
  }
27226
27255
  })), /*#__PURE__*/React__default["default"].createElement("div", {
27227
- className: "row m-0 w-100 pb-lg-5 pt-lg-5 pt-md-4 pb-md-4 pl-md-3 pr-md-3 pt-sm-0 pb-sm-0",
27228
- style: {
27229
- zIndex: 10
27230
- }
27256
+ className: "row m-0 w-100 pb-lg-5 pt-lg-5 pt-md-4 pb-md-4 pl-md-3 pr-md-3 pt-sm-0 pb-sm-0"
27231
27257
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27232
27258
  className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 p-0 pl-lg-3 pr-lg-3 p-md-0"
27233
27259
  }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -34051,7 +34077,7 @@ var Twobgimages = function Twobgimages(props) {
34051
34077
  display: 'flex',
34052
34078
  width: '100%',
34053
34079
  height: '100%',
34054
- zIndex: 1000
34080
+ zIndex: 100
34055
34081
  }),
34056
34082
  bgimage: glamor.css({
34057
34083
  ':before': {
@@ -35063,8 +35089,8 @@ var Freetextsection = function Freetextsection(props) {
35063
35089
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
35064
35090
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
35065
35091
  paddingTop: sectionproperties.paddingTop + 'px',
35066
- paddingBottom: sectionproperties.paddingBottom + 'px',
35067
- zIndex: 100
35092
+ paddingBottom: sectionproperties.paddingBottom + 'px'
35093
+ // zIndex: 100,
35068
35094
  }
35069
35095
  }, /*#__PURE__*/React__default["default"].createElement("div", {
35070
35096
  "class": "row m-0 w-100 mb-auto"
package/dist/index.esm.js CHANGED
@@ -8595,10 +8595,10 @@ var Filter$1 = function Filter(props) {
8595
8595
  })
8596
8596
  };
8597
8597
  return /*#__PURE__*/React.createElement("div", {
8598
- className: "col-lg-12 p-0 w-100 filter",
8598
+ className: "col-lg-12 p-0 w-100 filter mt-md-0",
8599
8599
  style: {
8600
8600
  marginTop: sectionproperties.filtersection_mt + 'px',
8601
- zIndex: 10000
8601
+ zIndex: 1000000
8602
8602
  }
8603
8603
  }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
8604
8604
  className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
@@ -8668,16 +8668,41 @@ var Filter$1 = function Filter(props) {
8668
8668
  }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8669
8669
  }))))));
8670
8670
  })), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
8671
- className: "".concat(filterstyles.filterslider_container),
8671
+ className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
8672
8672
  id: "filterslider",
8673
8673
  style: {
8674
8674
  background: sectionproperties.filter_backgroundcolor,
8675
8675
  borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8676
- zIndex: 9999
8676
+ zIndex: 100000
8677
8677
  }
8678
8678
  }, /*#__PURE__*/React.createElement("div", {
8679
8679
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8680
- }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8680
+ }, /*#__PURE__*/React.createElement("div", {
8681
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8682
+ }, /*#__PURE__*/React.createElement("p", {
8683
+ className: "m-0 p-0 font-16 font-weight-600",
8684
+ style: {
8685
+ color: sectionproperties.filter_titlecolor,
8686
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8687
+ fontWeight: sectionproperties.filter_titlefontweight,
8688
+ textTransform: sectionproperties.filter_titletextransform
8689
+ }
8690
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
8691
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8692
+ }, /*#__PURE__*/React.createElement("div", {
8693
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8694
+ onClick: function onClick() {
8695
+ var element = document.getElementById('filterslider');
8696
+ element.classList.remove(filterstyles.filterslider_container_opened);
8697
+ }
8698
+ }, /*#__PURE__*/React.createElement("i", {
8699
+ className: "h-100 d-flex align-items-center justify-content-center"
8700
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
8701
+ size: sectionproperties.closeSlider_fontSize,
8702
+ style: {
8703
+ color: sectionproperties.closeSlider_color
8704
+ }
8705
+ })))), sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8681
8706
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
8682
8707
  allowMultipleExpanded: true,
8683
8708
  allowZeroExpanded: true,
@@ -8688,13 +8713,13 @@ var Filter$1 = function Filter(props) {
8688
8713
  }, /*#__PURE__*/React.createElement(AccordionItem, {
8689
8714
  uuid: index
8690
8715
  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8691
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8716
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8692
8717
  }, /*#__PURE__*/React.createElement("div", {
8693
- className: "col-lg-10 p-0"
8718
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8694
8719
  }, /*#__PURE__*/React.createElement("p", {
8695
8720
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8696
8721
  }, item.name)), /*#__PURE__*/React.createElement("div", {
8697
- className: "col-lg-2 p-0"
8722
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8698
8723
  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8699
8724
  if (state.expanded == true) {
8700
8725
  return /*#__PURE__*/React.createElement("i", {
@@ -8752,9 +8777,9 @@ var Filter$1 = function Filter(props) {
8752
8777
  className: "mt-3 mb-3"
8753
8778
  }));
8754
8779
  }), /*#__PURE__*/React.createElement("div", {
8755
- className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-flex"
8780
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
8756
8781
  }, /*#__PURE__*/React.createElement("p", {
8757
- className: "m-0 p-0 font-16 font-weight-600",
8782
+ className: "m-0 p-0 font-16 font-weight-600",
8758
8783
  style: {
8759
8784
  color: sectionproperties.filter_titlecolor,
8760
8785
  fontSize: sectionproperties.filter_titlefontsize + 'px',
@@ -8762,7 +8787,7 @@ var Filter$1 = function Filter(props) {
8762
8787
  textTransform: sectionproperties.filter_titletextransform
8763
8788
  }
8764
8789
  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
8765
- className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
8790
+ className: "col-lg-3 col-md-3 col-sm-3 d-flex d-md-none align-items-center justify-content-end p-0"
8766
8791
  }, /*#__PURE__*/React.createElement("div", {
8767
8792
  className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8768
8793
  onClick: function onClick() {
@@ -8789,13 +8814,13 @@ var Filter$1 = function Filter(props) {
8789
8814
  }, /*#__PURE__*/React.createElement(AccordionItem, {
8790
8815
  uuid: 0
8791
8816
  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8792
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8817
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8793
8818
  }, /*#__PURE__*/React.createElement("div", {
8794
- className: "col-lg-10 p-0"
8819
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8795
8820
  }, /*#__PURE__*/React.createElement("p", {
8796
8821
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8797
8822
  }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
8798
- className: "col-lg-2 p-0"
8823
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8799
8824
  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8800
8825
  if (state.expanded == true) {
8801
8826
  return /*#__PURE__*/React.createElement("i", {
@@ -8842,13 +8867,13 @@ var Filter$1 = function Filter(props) {
8842
8867
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
8843
8868
  uuid: index
8844
8869
  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8845
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8870
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8846
8871
  }, /*#__PURE__*/React.createElement("div", {
8847
- className: "col-lg-10 p-0"
8872
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8848
8873
  }, /*#__PURE__*/React.createElement("p", {
8849
8874
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8850
8875
  }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
8851
- className: "col-lg-2 p-0"
8876
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8852
8877
  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8853
8878
  if (state.expanded == true) {
8854
8879
  return /*#__PURE__*/React.createElement("i", {
@@ -9565,8 +9590,14 @@ var CardsSection = function CardsSection(props) {
9565
9590
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9566
9591
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9567
9592
  }
9568
- }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("div", {
9569
- className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex d-md-none' : 'col-lg-3 d-flex d-md-none'
9593
+ }, sectionproperties.showFilter == 'show' &&
9594
+ /*#__PURE__*/
9595
+ // d-md-none
9596
+ React.createElement("div", {
9597
+ className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9598
+ style: {
9599
+ zIndex: 1000
9600
+ }
9570
9601
  }, /*#__PURE__*/React.createElement(Filter$1, {
9571
9602
  sectionpropertiesprops: sectionproperties,
9572
9603
  actions: actions
@@ -9903,9 +9934,8 @@ var Subheader = function Subheader(props) {
9903
9934
  }
9904
9935
  }, [fetchCategoriesQueryContext.isSuccess]);
9905
9936
  return /*#__PURE__*/React.createElement("div", {
9906
- "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 ',
9937
+ "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 z-200 z-md-100 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 z-200 z-md-100 ',
9907
9938
  style: {
9908
- zIndex: 200,
9909
9939
  flex: 1,
9910
9940
  paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
9911
9941
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
@@ -11862,16 +11892,18 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
11862
11892
  })
11863
11893
  };
11864
11894
  return /*#__PURE__*/React.createElement("div", {
11865
- "class": "row w-100 ml-0 mr-0 d-flex justify-content-center",
11895
+ "class": "row w-100 ml-0 mr-0 d-flex justify-content-center ",
11866
11896
  style: {
11867
11897
  marginTop: sectionproperties.header_marginTop + 'px',
11868
- marginBottom: sectionproperties.header_marginBottom + 'px',
11869
- position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
11898
+ marginBottom: sectionproperties.header_marginBottom + 'px'
11899
+ }
11900
+ }, /*#__PURE__*/React.createElement("div", {
11901
+ "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 ',
11902
+ style: {
11870
11903
  zIndex: 1000,
11904
+ position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
11871
11905
  top: 0
11872
11906
  }
11873
- }, /*#__PURE__*/React.createElement("div", {
11874
- "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
11875
11907
  }, /*#__PURE__*/React.createElement("div", {
11876
11908
  "class": "col-lg-12 d-flex align-items-center plr-1025-0",
11877
11909
  style: {
@@ -26408,10 +26440,7 @@ var Footer5 = function Footer5(props) {
26408
26440
  opacity: 0.6
26409
26441
  }
26410
26442
  })), /*#__PURE__*/React.createElement("div", {
26411
- className: "col-lg-12 p-0",
26412
- style: {
26413
- zIndex: 10
26414
- }
26443
+ className: "col-lg-12 p-0"
26415
26444
  }, /*#__PURE__*/React.createElement("div", {
26416
26445
  className: "row m-0 w-100"
26417
26446
  }, /*#__PURE__*/React.createElement("div", {
@@ -27181,10 +27210,7 @@ var Footer7 = function Footer7(props) {
27181
27210
  left: 0
27182
27211
  }
27183
27212
  })), /*#__PURE__*/React.createElement("div", {
27184
- className: "row m-0 w-100 pb-lg-5 pt-lg-5 pt-md-4 pb-md-4 pl-md-3 pr-md-3 pt-sm-0 pb-sm-0",
27185
- style: {
27186
- zIndex: 10
27187
- }
27213
+ className: "row m-0 w-100 pb-lg-5 pt-lg-5 pt-md-4 pb-md-4 pl-md-3 pr-md-3 pt-sm-0 pb-sm-0"
27188
27214
  }, /*#__PURE__*/React.createElement("div", {
27189
27215
  className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 p-0 pl-lg-3 pr-lg-3 p-md-0"
27190
27216
  }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -34008,7 +34034,7 @@ var Twobgimages = function Twobgimages(props) {
34008
34034
  display: 'flex',
34009
34035
  width: '100%',
34010
34036
  height: '100%',
34011
- zIndex: 1000
34037
+ zIndex: 100
34012
34038
  }),
34013
34039
  bgimage: css({
34014
34040
  ':before': {
@@ -35020,8 +35046,8 @@ var Freetextsection = function Freetextsection(props) {
35020
35046
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
35021
35047
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
35022
35048
  paddingTop: sectionproperties.paddingTop + 'px',
35023
- paddingBottom: sectionproperties.paddingBottom + 'px',
35024
- zIndex: 100
35049
+ paddingBottom: sectionproperties.paddingBottom + 'px'
35050
+ // zIndex: 100,
35025
35051
  }
35026
35052
  }, /*#__PURE__*/React.createElement("div", {
35027
35053
  "class": "row m-0 w-100 mb-auto"
package/dist/index.umd.js CHANGED
@@ -8502,10 +8502,10 @@
8502
8502
  })
8503
8503
  };
8504
8504
  return /*#__PURE__*/React__default["default"].createElement("div", {
8505
- className: "col-lg-12 p-0 w-100 filter",
8505
+ className: "col-lg-12 p-0 w-100 filter mt-md-0",
8506
8506
  style: {
8507
8507
  marginTop: sectionproperties.filtersection_mt + 'px',
8508
- zIndex: 10000
8508
+ zIndex: 1000000
8509
8509
  }
8510
8510
  }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
8511
8511
  className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
@@ -8575,16 +8575,41 @@
8575
8575
  }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8576
8576
  }))))));
8577
8577
  })), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
8578
- className: "".concat(filterstyles.filterslider_container),
8578
+ className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
8579
8579
  id: "filterslider",
8580
8580
  style: {
8581
8581
  background: sectionproperties.filter_backgroundcolor,
8582
8582
  borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8583
- zIndex: 9999
8583
+ zIndex: 100000
8584
8584
  }
8585
8585
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8586
8586
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8587
- }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8587
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8588
+ className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
8589
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8590
+ className: "m-0 p-0 font-16 font-weight-600",
8591
+ style: {
8592
+ color: sectionproperties.filter_titlecolor,
8593
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
8594
+ fontWeight: sectionproperties.filter_titlefontweight,
8595
+ textTransform: sectionproperties.filter_titletextransform
8596
+ }
8597
+ }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8598
+ className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
8599
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8600
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8601
+ onClick: function onClick() {
8602
+ var element = document.getElementById('filterslider');
8603
+ element.classList.remove(filterstyles.filterslider_container_opened);
8604
+ }
8605
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8606
+ className: "h-100 d-flex align-items-center justify-content-center"
8607
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
8608
+ size: sectionproperties.closeSlider_fontSize,
8609
+ style: {
8610
+ color: sectionproperties.closeSlider_color
8611
+ }
8612
+ })))), sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8588
8613
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8589
8614
  allowMultipleExpanded: true,
8590
8615
  allowZeroExpanded: true,
@@ -8595,13 +8620,13 @@
8595
8620
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8596
8621
  uuid: index
8597
8622
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8598
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8623
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8599
8624
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8600
- className: "col-lg-10 p-0"
8625
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8601
8626
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8602
8627
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8603
8628
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
8604
- className: "col-lg-2 p-0"
8629
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8605
8630
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8606
8631
  if (state.expanded == true) {
8607
8632
  return /*#__PURE__*/React__default["default"].createElement("i", {
@@ -8659,9 +8684,9 @@
8659
8684
  className: "mt-3 mb-3"
8660
8685
  }));
8661
8686
  }), /*#__PURE__*/React__default["default"].createElement("div", {
8662
- className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-flex"
8687
+ className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
8663
8688
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8664
- className: "m-0 p-0 font-16 font-weight-600",
8689
+ className: "m-0 p-0 font-16 font-weight-600",
8665
8690
  style: {
8666
8691
  color: sectionproperties.filter_titlecolor,
8667
8692
  fontSize: sectionproperties.filter_titlefontsize + 'px',
@@ -8669,7 +8694,7 @@
8669
8694
  textTransform: sectionproperties.filter_titletextransform
8670
8695
  }
8671
8696
  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8672
- className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
8697
+ className: "col-lg-3 col-md-3 col-sm-3 d-flex d-md-none align-items-center justify-content-end p-0"
8673
8698
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8674
8699
  className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8675
8700
  onClick: function onClick() {
@@ -8696,13 +8721,13 @@
8696
8721
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8697
8722
  uuid: 0
8698
8723
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8699
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8724
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8700
8725
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8701
- className: "col-lg-10 p-0"
8726
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8702
8727
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8703
8728
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8704
8729
  }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8705
- className: "col-lg-2 p-0"
8730
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8706
8731
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8707
8732
  if (state.expanded == true) {
8708
8733
  return /*#__PURE__*/React__default["default"].createElement("i", {
@@ -8749,13 +8774,13 @@
8749
8774
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8750
8775
  uuid: index
8751
8776
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8752
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 '
8777
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8753
8778
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8754
- className: "col-lg-10 p-0"
8779
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8755
8780
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8756
8781
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8757
8782
  }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8758
- className: "col-lg-2 p-0"
8783
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8759
8784
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8760
8785
  if (state.expanded == true) {
8761
8786
  return /*#__PURE__*/React__default["default"].createElement("i", {
@@ -9472,8 +9497,14 @@
9472
9497
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9473
9498
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
9474
9499
  }
9475
- }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
9476
- className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex d-md-none' : 'col-lg-3 d-flex d-md-none'
9500
+ }, sectionproperties.showFilter == 'show' &&
9501
+ /*#__PURE__*/
9502
+ // d-md-none
9503
+ React__default["default"].createElement("div", {
9504
+ className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
9505
+ style: {
9506
+ zIndex: 1000
9507
+ }
9477
9508
  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
9478
9509
  sectionpropertiesprops: sectionproperties,
9479
9510
  actions: actions
@@ -9810,9 +9841,8 @@
9810
9841
  }
9811
9842
  }, [fetchCategoriesQueryContext.isSuccess]);
9812
9843
  return /*#__PURE__*/React__default["default"].createElement("div", {
9813
- "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 ',
9844
+ "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 z-200 z-md-100 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 z-200 z-md-100 ',
9814
9845
  style: {
9815
- zIndex: 200,
9816
9846
  flex: 1,
9817
9847
  paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
9818
9848
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
@@ -11769,16 +11799,18 @@
11769
11799
  })
11770
11800
  };
11771
11801
  return /*#__PURE__*/React__default["default"].createElement("div", {
11772
- "class": "row w-100 ml-0 mr-0 d-flex justify-content-center",
11802
+ "class": "row w-100 ml-0 mr-0 d-flex justify-content-center ",
11773
11803
  style: {
11774
11804
  marginTop: sectionproperties.header_marginTop + 'px',
11775
- marginBottom: sectionproperties.header_marginBottom + 'px',
11776
- position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
11805
+ marginBottom: sectionproperties.header_marginBottom + 'px'
11806
+ }
11807
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
11808
+ "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 ',
11809
+ style: {
11777
11810
  zIndex: 1000,
11811
+ position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
11778
11812
  top: 0
11779
11813
  }
11780
- }, /*#__PURE__*/React__default["default"].createElement("div", {
11781
- "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
11782
11814
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11783
11815
  "class": "col-lg-12 d-flex align-items-center plr-1025-0",
11784
11816
  style: {
@@ -26315,10 +26347,7 @@
26315
26347
  opacity: 0.6
26316
26348
  }
26317
26349
  })), /*#__PURE__*/React__default["default"].createElement("div", {
26318
- className: "col-lg-12 p-0",
26319
- style: {
26320
- zIndex: 10
26321
- }
26350
+ className: "col-lg-12 p-0"
26322
26351
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26323
26352
  className: "row m-0 w-100"
26324
26353
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27088,10 +27117,7 @@
27088
27117
  left: 0
27089
27118
  }
27090
27119
  })), /*#__PURE__*/React__default["default"].createElement("div", {
27091
- className: "row m-0 w-100 pb-lg-5 pt-lg-5 pt-md-4 pb-md-4 pl-md-3 pr-md-3 pt-sm-0 pb-sm-0",
27092
- style: {
27093
- zIndex: 10
27094
- }
27120
+ className: "row m-0 w-100 pb-lg-5 pt-lg-5 pt-md-4 pb-md-4 pl-md-3 pr-md-3 pt-sm-0 pb-sm-0"
27095
27121
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27096
27122
  className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 p-0 pl-lg-3 pr-lg-3 p-md-0"
27097
27123
  }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33915,7 +33941,7 @@
33915
33941
  display: 'flex',
33916
33942
  width: '100%',
33917
33943
  height: '100%',
33918
- zIndex: 1000
33944
+ zIndex: 100
33919
33945
  }),
33920
33946
  bgimage: glamor.css({
33921
33947
  ':before': {
@@ -34927,8 +34953,8 @@
34927
34953
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
34928
34954
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
34929
34955
  paddingTop: sectionproperties.paddingTop + 'px',
34930
- paddingBottom: sectionproperties.paddingBottom + 'px',
34931
- zIndex: 100
34956
+ paddingBottom: sectionproperties.paddingBottom + 'px'
34957
+ // zIndex: 100,
34932
34958
  }
34933
34959
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34934
34960
  "class": "row m-0 w-100 mb-auto"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.167",
3
+ "version": "0.0.169",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {