tabexseriescomponents 0.0.199 → 0.0.202

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 +343 -248
  2. package/dist/index.esm.js +343 -248
  3. package/dist/index.umd.js +343 -250
  4. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -64,8 +64,8 @@ import 'react-router-dom';
64
64
  import { IoBagCheckOutline } from '@react-icons/all-files/io5/IoBagCheckOutline';
65
65
  import { IoBagRemoveOutline } from '@react-icons/all-files/io5/IoBagRemoveOutline';
66
66
  import Dropdown from 'react-bootstrap/Dropdown';
67
- import { HiOutlinePlus } from '@react-icons/all-files/hi/HiOutlinePlus';
68
- import { AiOutlineMinus } from '@react-icons/all-files/ai/AiOutlineMinus';
67
+ import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';
68
+ import { FiChevronDown } from '@react-icons/all-files/fi/FiChevronDown';
69
69
  import { useInView } from 'react-intersection-observer';
70
70
  import { FaArrowAltCircleRight } from '@react-icons/all-files/fa/FaArrowAltCircleRight';
71
71
  import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircleLeft';
@@ -74,6 +74,8 @@ import { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft';
74
74
  import { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight';
75
75
  import ReactPaginate from 'react-paginate';
76
76
  import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
77
+ import '@react-icons/all-files/hi/HiOutlinePlus';
78
+ import '@react-icons/all-files/ai/AiOutlineMinus';
77
79
  import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
78
80
  import { FaMoneyBillWave } from '@react-icons/all-files/fa/FaMoneyBillWave';
79
81
  import { BiLogOutCircle } from '@react-icons/all-files/bi/BiLogOutCircle';
@@ -8403,13 +8405,14 @@ var OrderSuccess = function OrderSuccess(props) {
8403
8405
  }, ReasonFail)));
8404
8406
  };
8405
8407
 
8406
- var css_248z$B = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
8408
+ var css_248z$B = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
8407
8409
  var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
8408
8410
  styleInject(css_248z$B);
8409
8411
 
8410
8412
  function ownKeys$1K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8411
8413
  function _objectSpread$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8412
8414
  var Filter$1 = function Filter(props) {
8415
+ var _authdetailsContext$i;
8413
8416
  var lang = props.actions.lang;
8414
8417
  var langdetect = props.actions.langdetect;
8415
8418
  props.actions.productfiltercontext;
@@ -8431,11 +8434,15 @@ var Filter$1 = function Filter(props) {
8431
8434
  _useState6 = _slicedToArray(_useState5, 2),
8432
8435
  instcollections = _useState6[0],
8433
8436
  setinstcollections = _useState6[1];
8434
- var _useState7 = useState(false),
8435
- _useState8 = _slicedToArray(_useState7, 2);
8436
- _useState8[0];
8437
- _useState8[1];
8438
- var _useState9 = useState([{
8437
+ var _useState7 = useState(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
8438
+ _useState8 = _slicedToArray(_useState7, 2),
8439
+ instcategories = _useState8[0],
8440
+ setinstcategories = _useState8[1];
8441
+ var _useState9 = useState('Sort by'),
8442
+ _useState10 = _slicedToArray(_useState9, 2);
8443
+ _useState10[0];
8444
+ _useState10[1];
8445
+ var _useState11 = useState([{
8439
8446
  payloadvalue: 'sortprice',
8440
8447
  name: lang.price,
8441
8448
  filterarray: [{
@@ -8460,15 +8467,17 @@ var Filter$1 = function Filter(props) {
8460
8467
  isfilterselected: false
8461
8468
  }]
8462
8469
  }]),
8463
- _useState10 = _slicedToArray(_useState9, 2),
8464
- otherfilters = _useState10[0];
8465
- _useState10[1];
8470
+ _useState12 = _slicedToArray(_useState11, 2),
8471
+ otherfilters = _useState12[0];
8472
+ _useState12[1];
8466
8473
  useEffect(function () {
8467
8474
  filterupdater();
8468
8475
  }, []);
8469
8476
  useEffect(function () {
8477
+ var _authdetailsContext$i2;
8470
8478
  setinstfilters(_toConsumableArray(authdetailsContext.instinfo.instfilters));
8471
8479
  setinstcollections(_toConsumableArray(authdetailsContext.instinfo.instcollections));
8480
+ setinstcategories(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instcategories));
8472
8481
  }, [authdetailsContext]);
8473
8482
  useEffect(function () {
8474
8483
  if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
@@ -8499,13 +8508,36 @@ var Filter$1 = function Filter(props) {
8499
8508
  });
8500
8509
  setinstfilters(_toConsumableArray(tempinstfilters));
8501
8510
  }
8502
- if (instcollections.length != 0) {
8511
+ if (instcategories.length != 0) {
8503
8512
  var _ProductFilterObjCont2;
8513
+ var tempInstcategories = _toConsumableArray(instcategories);
8514
+ tempInstcategories.forEach(function (catitem, catindex) {
8515
+ catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
8516
+ parentcolitem.collections.forEach(function (colitem, colindex) {
8517
+ colitem.isfilterselected = false;
8518
+ });
8519
+ });
8520
+ });
8521
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
8522
+ tempInstcategories.forEach(function (catitem, catindex) {
8523
+ catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
8524
+ parentcolitem.collections.forEach(function (colitem, colindex) {
8525
+ if (colitem.collectionid == filteritem) {
8526
+ colitem.isfilterselected = true;
8527
+ }
8528
+ });
8529
+ });
8530
+ });
8531
+ });
8532
+ setinstcategories(_toConsumableArray(tempInstcategories));
8533
+ }
8534
+ if (instcollections.length != 0) {
8535
+ var _ProductFilterObjCont3;
8504
8536
  var tempInstcollections = _toConsumableArray(instcollections);
8505
8537
  tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
8506
8538
  instfilteritem.isfilterselected = false;
8507
8539
  });
8508
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
8540
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
8509
8541
  tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
8510
8542
  if (instfilteritem.collectionid == filteritem) {
8511
8543
  instfilteritem.isfilterselected = true;
@@ -8572,7 +8604,7 @@ var Filter$1 = function Filter(props) {
8572
8604
  }),
8573
8605
  titlecontainer: css({
8574
8606
  color: sectionproperties.filtertitle_color,
8575
- ':hover i': {
8607
+ ':hover .collapsetitle': {
8576
8608
  color: sectionproperties.filtertitle_coloronhover
8577
8609
  }
8578
8610
  }),
@@ -8633,8 +8665,260 @@ var Filter$1 = function Filter(props) {
8633
8665
  timelineinnercont_active: css({
8634
8666
  fontWeight: sectionproperties.activecat_fontweight,
8635
8667
  color: sectionproperties.activecat_color
8668
+ }),
8669
+ categoryName: css({
8670
+ color: sectionproperties.filtertitle_color,
8671
+ fontWeight: sectionproperties.filterCatFontWeight,
8672
+ fontSize: sectionproperties.filterCatFontSize + 'px'
8673
+ }),
8674
+ pCollectionName: css({
8675
+ color: sectionproperties.filtertitle_color,
8676
+ fontWeight: sectionproperties.filterPCollFontWeight,
8677
+ fontSize: sectionproperties.filterPCollFontSize + 'px'
8678
+ }),
8679
+ explorebtn: css({
8680
+ fontSize: sectionproperties.explorebtnfontsize + 'px',
8681
+ fontWeight: 600,
8682
+ color: sectionproperties.explorebtncolor,
8683
+ transition: '.3s',
8684
+ ':hover': {
8685
+ color: sectionproperties.explorebtncoloronhover
8686
+ }
8636
8687
  })
8637
8688
  };
8689
+ var CategoriesFilter = function CategoriesFilter() {
8690
+ return /*#__PURE__*/React.createElement("div", {
8691
+ "class": "col-lg-12 p-0"
8692
+ }, instcategories === null || instcategories === void 0 ? void 0 : instcategories.map(function (categoryItem, categoryIndex) {
8693
+ if (categoryItem.isinftiler == 1) {
8694
+ var _authdetailsContext$i3, _authdetailsContext$i4;
8695
+ return /*#__PURE__*/React.createElement(Accordion, {
8696
+ allowMultipleExpanded: true,
8697
+ allowZeroExpanded: true
8698
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
8699
+ uuid: categoryIndex
8700
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8701
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-1 pl-md-3 pr-md-3 '
8702
+ }, /*#__PURE__*/React.createElement("div", {
8703
+ className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
8704
+ }, /*#__PURE__*/React.createElement("p", {
8705
+ className: filter_cssstyles.categoryName + ' collapsetitle text-capitalize m-0 p-0 '
8706
+ }, langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), /*#__PURE__*/React.createElement("div", {
8707
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8708
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8709
+ if (state.expanded == true) {
8710
+ return /*#__PURE__*/React.createElement("i", {
8711
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8712
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
8713
+ } else {
8714
+ return /*#__PURE__*/React.createElement("i", {
8715
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8716
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
8717
+ }
8718
+ })), /*#__PURE__*/React.createElement("div", {
8719
+ className: "col-lg-12 p-0"
8720
+ }, /*#__PURE__*/React.createElement("hr", {
8721
+ className: "mt-3 mb-2"
8722
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
8723
+ className: "p-0"
8724
+ }, /*#__PURE__*/React.createElement("div", {
8725
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8726
+ }, /*#__PURE__*/React.createElement("div", {
8727
+ "class": "col-lg-12 mb-3 allcentered"
8728
+ }, /*#__PURE__*/React.createElement("p", {
8729
+ "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
8730
+ style: {
8731
+ textDecoration: 'underline'
8732
+ },
8733
+ onClick: function onClick() {
8734
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + categoryItem.categoryid);
8735
+ }
8736
+ }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcategories[categoryIndex]) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.parentcolletions.map(function (parentcollectionitem, parentcollectionindex) {
8737
+ if (parentcollectionitem.isinftiler == 1) {
8738
+ var _parentcollectionitem;
8739
+ return /*#__PURE__*/React.createElement("div", {
8740
+ "class": "col-lg-12"
8741
+ }, /*#__PURE__*/React.createElement(Accordion, {
8742
+ allowMultipleExpanded: true,
8743
+ allowZeroExpanded: true
8744
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
8745
+ uuid: parentcollectionindex
8746
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8747
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8748
+ }, /*#__PURE__*/React.createElement("div", {
8749
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8750
+ }, /*#__PURE__*/React.createElement("p", {
8751
+ className: langdetect == 'en' ? filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 ' : filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 text-right'
8752
+ }, langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React.createElement("div", {
8753
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8754
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8755
+ if (state.expanded == true) {
8756
+ return /*#__PURE__*/React.createElement("i", {
8757
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8758
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
8759
+ } else {
8760
+ return /*#__PURE__*/React.createElement("i", {
8761
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8762
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
8763
+ }
8764
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
8765
+ className: "p-0"
8766
+ }, /*#__PURE__*/React.createElement("div", {
8767
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex "
8768
+ }, /*#__PURE__*/React.createElement("div", {
8769
+ "class": "col-lg-12 mb-3 allcentered"
8770
+ }, /*#__PURE__*/React.createElement("p", {
8771
+ "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
8772
+ style: {
8773
+ textDecoration: 'underline'
8774
+ },
8775
+ onClick: function onClick() {
8776
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + parentcollectionitem.parentcollectionid);
8777
+ }
8778
+ }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React.createElement("div", {
8779
+ className: 'col-lg-12 pl-md-3 pr-md-3'
8780
+ }, /*#__PURE__*/React.createElement("div", {
8781
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8782
+ }, parentcollectionitem === null || parentcollectionitem === void 0 ? void 0 : (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
8783
+ if (collectionitem.isinftiler == 1) {
8784
+ return /*#__PURE__*/React.createElement("div", {
8785
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8786
+ onClick: function onClick() {
8787
+ setCollectionFilterFunc(collectionitem.collectionid);
8788
+ }
8789
+ }, /*#__PURE__*/React.createElement("div", {
8790
+ className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8791
+ }, /*#__PURE__*/React.createElement("i", {
8792
+ className: "h-100 d-flex align-items-center"
8793
+ })), /*#__PURE__*/React.createElement("div", {
8794
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8795
+ }, /*#__PURE__*/React.createElement("p", {
8796
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8797
+ style: {
8798
+ color: collectionitem.isfilterselected ? sectionproperties.activecat_color : ''
8799
+ }
8800
+ }, langdetect == 'en' ? collectionitem.title_en : collectionitem.title_ar)));
8801
+ }
8802
+ }))))))));
8803
+ }
8804
+ })))));
8805
+ }
8806
+ }));
8807
+ };
8808
+ var CollectionsFilter = function CollectionsFilter() {
8809
+ return /*#__PURE__*/React.createElement("div", {
8810
+ "class": "col-lg-12 p-0"
8811
+ }, /*#__PURE__*/React.createElement(Accordion, {
8812
+ allowMultipleExpanded: true,
8813
+ allowZeroExpanded: true,
8814
+ preExpanded: [0, 1, 2, 3]
8815
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
8816
+ uuid: 0
8817
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8818
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8819
+ }, /*#__PURE__*/React.createElement("div", {
8820
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8821
+ }, /*#__PURE__*/React.createElement("p", {
8822
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8823
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
8824
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8825
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8826
+ if (state.expanded == true) {
8827
+ return /*#__PURE__*/React.createElement("i", {
8828
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8829
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
8830
+ } else {
8831
+ return /*#__PURE__*/React.createElement("i", {
8832
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8833
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
8834
+ }
8835
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
8836
+ className: "p-0"
8837
+ }, /*#__PURE__*/React.createElement("div", {
8838
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
8839
+ }, /*#__PURE__*/React.createElement("div", {
8840
+ className: 'col-lg-12'
8841
+ }, /*#__PURE__*/React.createElement("div", {
8842
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8843
+ }, instcollections.map(function (item, index) {
8844
+ return /*#__PURE__*/React.createElement("div", {
8845
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8846
+ onClick: function onClick() {
8847
+ setCollectionFilterFunc(item.collectionid);
8848
+ }
8849
+ }, /*#__PURE__*/React.createElement("div", {
8850
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8851
+ }, /*#__PURE__*/React.createElement("i", {
8852
+ className: "h-100 d-flex align-items-center"
8853
+ })), /*#__PURE__*/React.createElement("div", {
8854
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8855
+ }, /*#__PURE__*/React.createElement("p", {
8856
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8857
+ style: {
8858
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
8859
+ }
8860
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
8861
+ })))))), /*#__PURE__*/React.createElement("hr", {
8862
+ className: "mt-3 mb-3"
8863
+ })));
8864
+ };
8865
+ var InstFilters = function InstFilters() {
8866
+ return /*#__PURE__*/React.createElement(Accordion, {
8867
+ allowMultipleExpanded: true,
8868
+ allowZeroExpanded: true,
8869
+ preExpanded: [0, 1, 2, 3]
8870
+ }, instfilters.map(function (item, index) {
8871
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
8872
+ uuid: index
8873
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8874
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8875
+ }, /*#__PURE__*/React.createElement("div", {
8876
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8877
+ }, /*#__PURE__*/React.createElement("p", {
8878
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
8879
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
8880
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8881
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8882
+ if (state.expanded == true) {
8883
+ return /*#__PURE__*/React.createElement("i", {
8884
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8885
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
8886
+ } else {
8887
+ return /*#__PURE__*/React.createElement("i", {
8888
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8889
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
8890
+ }
8891
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
8892
+ className: "p-0"
8893
+ }, /*#__PURE__*/React.createElement("div", {
8894
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
8895
+ }, /*#__PURE__*/React.createElement("div", {
8896
+ className: 'col-lg-12'
8897
+ }, /*#__PURE__*/React.createElement("div", {
8898
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8899
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8900
+ return /*#__PURE__*/React.createElement("div", {
8901
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
8902
+ onClick: function onClick() {
8903
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8904
+ }
8905
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
8906
+ className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8907
+ }, /*#__PURE__*/React.createElement("i", {
8908
+ className: "h-100 d-flex align-items-center"
8909
+ }))), /*#__PURE__*/React.createElement("div", {
8910
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8911
+ }, /*#__PURE__*/React.createElement("p", {
8912
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8913
+ style: {
8914
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8915
+ }
8916
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8917
+ })))))), /*#__PURE__*/React.createElement("hr", {
8918
+ className: "mt-3 mb-3"
8919
+ }));
8920
+ }));
8921
+ };
8638
8922
  return /*#__PURE__*/React.createElement("div", {
8639
8923
  className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8640
8924
  style: {
@@ -8741,8 +9025,26 @@ var Filter$1 = function Filter(props) {
8741
9025
  style: {
8742
9026
  color: sectionproperties.closeSlider_color
8743
9027
  }
8744
- })))), sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8745
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
9028
+ })))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
9029
+ "class": "row m-0 w-100"
9030
+ }, /*#__PURE__*/React.createElement("div", {
9031
+ "class": "col-lg-12"
9032
+ }, /*#__PURE__*/React.createElement("p", {
9033
+ className: "m-0 p-0 font-16 font-weight-600",
9034
+ style: {
9035
+ color: sectionproperties.filter_titlecolor,
9036
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
9037
+ fontWeight: sectionproperties.filter_titlefontweight,
9038
+ textTransform: sectionproperties.filter_titletextransform
9039
+ }
9040
+ }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React.createElement("div", {
9041
+ className: "col-lg-12"
9042
+ }, /*#__PURE__*/React.createElement("hr", {
9043
+ className: "mt-2 mb-3"
9044
+ })), otherfilters.map(function (item, index) {
9045
+ return /*#__PURE__*/React.createElement("div", {
9046
+ className: "col-lg-12 pl-4 pr-4"
9047
+ }, /*#__PURE__*/React.createElement(Accordion, {
8746
9048
  allowMultipleExpanded: true,
8747
9049
  allowZeroExpanded: true,
8748
9050
  preExpanded: [0, 1, 2, 3],
@@ -8756,18 +9058,18 @@ var Filter$1 = function Filter(props) {
8756
9058
  }, /*#__PURE__*/React.createElement("div", {
8757
9059
  className: "col-lg-10 col-md-10 col-sm-10 p-0"
8758
9060
  }, /*#__PURE__*/React.createElement("p", {
8759
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9061
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
8760
9062
  }, item.name)), /*#__PURE__*/React.createElement("div", {
8761
9063
  className: "col-lg-2 col-md-2 col-sm-2 p-0"
8762
9064
  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8763
9065
  if (state.expanded == true) {
8764
9066
  return /*#__PURE__*/React.createElement("i", {
8765
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8766
- }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9067
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
9068
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
8767
9069
  } else {
8768
9070
  return /*#__PURE__*/React.createElement("i", {
8769
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8770
- }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9071
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9072
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
8771
9073
  }
8772
9074
  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
8773
9075
  className: "p-0"
@@ -8814,10 +9116,8 @@ var Filter$1 = function Filter(props) {
8814
9116
  color: ischecked ? sectionproperties.activecat_color : ''
8815
9117
  }
8816
9118
  }, valueitem.name)));
8817
- }))))))), /*#__PURE__*/React.createElement("hr", {
8818
- className: "mt-3 mb-3"
8819
- }));
8820
- }), /*#__PURE__*/React.createElement("div", {
9119
+ }))))))));
9120
+ })), /*#__PURE__*/React.createElement("div", {
8821
9121
  className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
8822
9122
  }, /*#__PURE__*/React.createElement("p", {
8823
9123
  className: "m-0 p-0 font-16 font-weight-600",
@@ -8847,114 +9147,12 @@ var Filter$1 = function Filter(props) {
8847
9147
  }, /*#__PURE__*/React.createElement("hr", {
8848
9148
  className: "mt-2 mb-3"
8849
9149
  })), /*#__PURE__*/React.createElement("div", {
8850
- className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
8851
- }, /*#__PURE__*/React.createElement(Accordion, {
8852
- allowMultipleExpanded: true,
8853
- allowZeroExpanded: true,
8854
- preExpanded: [0, 1, 2, 3]
8855
- }, /*#__PURE__*/React.createElement(AccordionItem, {
8856
- uuid: 0
8857
- }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8858
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8859
- }, /*#__PURE__*/React.createElement("div", {
8860
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
8861
- }, /*#__PURE__*/React.createElement("p", {
8862
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8863
- }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
8864
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
8865
- }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8866
- if (state.expanded == true) {
8867
- return /*#__PURE__*/React.createElement("i", {
8868
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8869
- }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
8870
- } else {
8871
- return /*#__PURE__*/React.createElement("i", {
8872
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8873
- }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
8874
- }
8875
- }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
8876
- className: "p-0"
8877
- }, /*#__PURE__*/React.createElement("div", {
8878
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8879
- }, /*#__PURE__*/React.createElement("div", {
8880
- className: 'col-lg-12'
8881
- }, /*#__PURE__*/React.createElement("div", {
8882
- className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8883
- }, instcollections.map(function (item, index) {
8884
- return /*#__PURE__*/React.createElement("div", {
8885
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8886
- onClick: function onClick() {
8887
- setCollectionFilterFunc(item.collectionid);
8888
- }
8889
- }, /*#__PURE__*/React.createElement("div", {
8890
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8891
- }, /*#__PURE__*/React.createElement("i", {
8892
- className: "h-100 d-flex align-items-center"
8893
- })), /*#__PURE__*/React.createElement("div", {
8894
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8895
- }, /*#__PURE__*/React.createElement("p", {
8896
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8897
- style: {
8898
- color: item.isfilterselected ? sectionproperties.activecat_color : ''
8899
- }
8900
- }, langdetect == 'en' ? item.title_en : item.title_ar)));
8901
- })))))), /*#__PURE__*/React.createElement("hr", {
8902
- className: "mt-3 mb-3"
8903
- })), /*#__PURE__*/React.createElement(Accordion, {
8904
- allowMultipleExpanded: true,
8905
- allowZeroExpanded: true,
8906
- preExpanded: [0, 1, 2, 3]
8907
- }, instfilters.map(function (item, index) {
8908
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
8909
- uuid: index
8910
- }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
8911
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8912
- }, /*#__PURE__*/React.createElement("div", {
8913
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
8914
- }, /*#__PURE__*/React.createElement("p", {
8915
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8916
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
8917
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
8918
- }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
8919
- if (state.expanded == true) {
8920
- return /*#__PURE__*/React.createElement("i", {
8921
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8922
- }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
8923
- } else {
8924
- return /*#__PURE__*/React.createElement("i", {
8925
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8926
- }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
8927
- }
8928
- }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
8929
- className: "p-0"
8930
- }, /*#__PURE__*/React.createElement("div", {
8931
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8932
- }, /*#__PURE__*/React.createElement("div", {
8933
- className: 'col-lg-12'
8934
- }, /*#__PURE__*/React.createElement("div", {
8935
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8936
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8937
- return /*#__PURE__*/React.createElement("div", {
8938
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
8939
- onClick: function onClick() {
8940
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8941
- }
8942
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
8943
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8944
- }, /*#__PURE__*/React.createElement("i", {
8945
- className: "h-100 d-flex align-items-center"
8946
- }))), /*#__PURE__*/React.createElement("div", {
8947
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8948
- }, /*#__PURE__*/React.createElement("p", {
8949
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8950
- style: {
8951
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8952
- }
8953
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8954
- })))))), /*#__PURE__*/React.createElement("hr", {
8955
- className: "mt-3 mb-3"
8956
- }));
8957
- }))))), /*#__PURE__*/React.createElement("div", {
9150
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
9151
+ }, sectionproperties.filterType == 'All' && /*#__PURE__*/React.createElement("div", {
9152
+ "class": "row m-0 w-100"
9153
+ }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React.createElement("div", {
9154
+ "class": "row m-0 w-100"
9155
+ }, CollectionsFilter()), InstFilters()))), /*#__PURE__*/React.createElement("div", {
8958
9156
  className: "col-lg-12"
8959
9157
  }, /*#__PURE__*/React.createElement(Offcanvas, {
8960
9158
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -9028,12 +9226,12 @@ var Filter$1 = function Filter(props) {
9028
9226
  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
9029
9227
  if (state.expanded == true) {
9030
9228
  return /*#__PURE__*/React.createElement("i", {
9031
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9032
- }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9229
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9230
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
9033
9231
  } else {
9034
9232
  return /*#__PURE__*/React.createElement("i", {
9035
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9036
- }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9233
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9234
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
9037
9235
  }
9038
9236
  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9039
9237
  className: "p-0"
@@ -9087,115 +9285,11 @@ var Filter$1 = function Filter(props) {
9087
9285
  className: "mt-2 mb-3"
9088
9286
  })), /*#__PURE__*/React.createElement("div", {
9089
9287
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
9090
- }, /*#__PURE__*/React.createElement(Accordion, {
9091
- allowMultipleExpanded: true,
9092
- allowZeroExpanded: true,
9093
- preExpanded: [0, 1, 2, 3]
9094
- }, /*#__PURE__*/React.createElement(AccordionItem, {
9095
- uuid: 0
9096
- }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
9097
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9098
- }, /*#__PURE__*/React.createElement("div", {
9099
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
9100
- }, /*#__PURE__*/React.createElement("p", {
9101
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9102
- }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
9103
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
9104
- }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
9105
- if (state.expanded == true) {
9106
- return /*#__PURE__*/React.createElement("i", {
9107
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9108
- }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9109
- } else {
9110
- return /*#__PURE__*/React.createElement("i", {
9111
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9112
- }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9113
- }
9114
- }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9115
- className: "p-0"
9116
- }, /*#__PURE__*/React.createElement("div", {
9117
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9118
- }, /*#__PURE__*/React.createElement("div", {
9119
- className: 'col-lg-12'
9120
- }, /*#__PURE__*/React.createElement("div", {
9121
- className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9122
- }, instcollections.map(function (item, index) {
9123
- return /*#__PURE__*/React.createElement("div", {
9124
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
9125
- onClick: function onClick() {
9126
- setCollectionFilterFunc(item.collectionid);
9127
- }
9128
- }, /*#__PURE__*/React.createElement("div", {
9129
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9130
- }, /*#__PURE__*/React.createElement("i", {
9131
- className: "h-100 d-flex align-items-center"
9132
- })), /*#__PURE__*/React.createElement("div", {
9133
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9134
- }, /*#__PURE__*/React.createElement("p", {
9135
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9136
- style: {
9137
- color: item.isfilterselected ? sectionproperties.activecat_color : ''
9138
- }
9139
- }, langdetect == 'en' ? item.title_en : item.title_ar)));
9140
- }))))))), /*#__PURE__*/React.createElement("div", {
9141
- "class": "col-lg-12"
9142
- }, /*#__PURE__*/React.createElement("hr", {
9143
- className: "mt-3 mb-3"
9144
- })), /*#__PURE__*/React.createElement(Accordion, {
9145
- allowMultipleExpanded: true,
9146
- allowZeroExpanded: true,
9147
- preExpanded: [0, 1, 2, 3]
9148
- }, instfilters.map(function (item, index) {
9149
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
9150
- uuid: index
9151
- }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
9152
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9153
- }, /*#__PURE__*/React.createElement("div", {
9154
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
9155
- }, /*#__PURE__*/React.createElement("p", {
9156
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9157
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
9158
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
9159
- }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
9160
- if (state.expanded == true) {
9161
- return /*#__PURE__*/React.createElement("i", {
9162
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9163
- }, /*#__PURE__*/React.createElement(AiOutlineMinus, null));
9164
- } else {
9165
- return /*#__PURE__*/React.createElement("i", {
9166
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9167
- }, /*#__PURE__*/React.createElement(HiOutlinePlus, null));
9168
- }
9169
- }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
9170
- className: "p-0"
9171
- }, /*#__PURE__*/React.createElement("div", {
9172
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9173
- }, /*#__PURE__*/React.createElement("div", {
9174
- className: 'col-lg-12'
9175
- }, /*#__PURE__*/React.createElement("div", {
9176
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9177
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9178
- return /*#__PURE__*/React.createElement("div", {
9179
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
9180
- onClick: function onClick() {
9181
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9182
- }
9183
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
9184
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9185
- }, /*#__PURE__*/React.createElement("i", {
9186
- className: "h-100 d-flex align-items-center"
9187
- }))), /*#__PURE__*/React.createElement("div", {
9188
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9189
- }, /*#__PURE__*/React.createElement("p", {
9190
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9191
- style: {
9192
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9193
- }
9194
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9195
- })))))), /*#__PURE__*/React.createElement("hr", {
9196
- className: "mt-3 mb-3"
9197
- }));
9198
- })))))))));
9288
+ }, sectionproperties.filterType == 'All' && /*#__PURE__*/React.createElement("div", {
9289
+ "class": "row m-0 w-100"
9290
+ }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React.createElement("div", {
9291
+ "class": "row m-0 w-100"
9292
+ }, CollectionsFilter()), InstFilters())))))));
9199
9293
  };
9200
9294
 
9201
9295
  function ownKeys$1J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -10621,7 +10715,7 @@ var Subheader = function Subheader(props) {
10621
10715
  }
10622
10716
  }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
10623
10717
  return /*#__PURE__*/React.createElement("div", {
10624
- "class": "col-lg-12 p-0 mb-2",
10718
+ "class": "col-lg-12 mb-2",
10625
10719
  onClick: function onClick() {
10626
10720
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
10627
10721
  }
@@ -17485,7 +17579,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
17485
17579
  subheaderpositionprops: 'in nav',
17486
17580
  paddingLeftprops: '35px',
17487
17581
  paddingRightprops: '35px',
17488
- subheadercontentpositionprops: 'start'
17582
+ subheadercontentpositionprops: 'start',
17583
+ headernameprops: 'HeaderwithContactinfo'
17489
17584
  }
17490
17585
  })), /*#__PURE__*/React.createElement("div", {
17491
17586
  "class": "col-lg-3 d-flex align-items-center justify-content-end"