tabexseriescomponents 0.0.199 → 0.0.200
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.
- package/dist/index.cjs.js +347 -250
- package/dist/index.esm.js +347 -250
- package/dist/index.umd.js +347 -252
- 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 {
|
|
68
|
-
import {
|
|
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
|
|
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(
|
|
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
|
-
|
|
8464
|
-
otherfilters =
|
|
8465
|
-
|
|
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 (
|
|
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 : (
|
|
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
|
|
8607
|
+
':hover .collapsetitle': {
|
|
8576
8608
|
color: sectionproperties.filtertitle_coloronhover
|
|
8577
8609
|
}
|
|
8578
8610
|
}),
|
|
@@ -8633,8 +8665,262 @@ 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
|
+
preExpanded: [0, 1, 2, 3]
|
|
8699
|
+
}, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
8700
|
+
uuid: categoryIndex
|
|
8701
|
+
}, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
|
|
8702
|
+
className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-1 pl-md-3 pr-md-3 '
|
|
8703
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8704
|
+
className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
|
|
8705
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8706
|
+
className: filter_cssstyles.categoryName + ' collapsetitle text-capitalize m-0 p-0 '
|
|
8707
|
+
}, langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), /*#__PURE__*/React.createElement("div", {
|
|
8708
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0"
|
|
8709
|
+
}, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
|
|
8710
|
+
if (state.expanded == true) {
|
|
8711
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8712
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8713
|
+
}, /*#__PURE__*/React.createElement(FiChevronDown, null));
|
|
8714
|
+
} else {
|
|
8715
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8716
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8717
|
+
}, /*#__PURE__*/React.createElement(FiChevronUp, null));
|
|
8718
|
+
}
|
|
8719
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
8720
|
+
className: "col-lg-12 p-0"
|
|
8721
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
8722
|
+
className: "mt-3 mb-2"
|
|
8723
|
+
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
8724
|
+
className: "p-0"
|
|
8725
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8726
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
|
|
8727
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8728
|
+
"class": "col-lg-12 mb-3 allcentered"
|
|
8729
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8730
|
+
"class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
|
|
8731
|
+
style: {
|
|
8732
|
+
textDecoration: 'underline'
|
|
8733
|
+
},
|
|
8734
|
+
onClick: function onClick() {
|
|
8735
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + categoryItem.categoryid);
|
|
8736
|
+
}
|
|
8737
|
+
}, 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) {
|
|
8738
|
+
if (parentcollectionitem.isinftiler == 1) {
|
|
8739
|
+
var _parentcollectionitem;
|
|
8740
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
8741
|
+
"class": "col-lg-12"
|
|
8742
|
+
}, /*#__PURE__*/React.createElement(Accordion, {
|
|
8743
|
+
allowMultipleExpanded: true,
|
|
8744
|
+
allowZeroExpanded: true,
|
|
8745
|
+
preExpanded: [0, 1, 2, 3]
|
|
8746
|
+
}, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
8747
|
+
uuid: parentcollectionindex
|
|
8748
|
+
}, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
|
|
8749
|
+
className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
|
|
8750
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8751
|
+
className: "col-lg-10 col-md-10 col-sm-10 p-0"
|
|
8752
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8753
|
+
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'
|
|
8754
|
+
}, langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React.createElement("div", {
|
|
8755
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0"
|
|
8756
|
+
}, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
|
|
8757
|
+
if (state.expanded == true) {
|
|
8758
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8759
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8760
|
+
}, /*#__PURE__*/React.createElement(FiChevronDown, null));
|
|
8761
|
+
} else {
|
|
8762
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8763
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8764
|
+
}, /*#__PURE__*/React.createElement(FiChevronUp, null));
|
|
8765
|
+
}
|
|
8766
|
+
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
8767
|
+
className: "p-0"
|
|
8768
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8769
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex "
|
|
8770
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8771
|
+
"class": "col-lg-12 mb-3 allcentered"
|
|
8772
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8773
|
+
"class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
|
|
8774
|
+
style: {
|
|
8775
|
+
textDecoration: 'underline'
|
|
8776
|
+
},
|
|
8777
|
+
onClick: function onClick() {
|
|
8778
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + parentcollectionitem.parentcollectionid);
|
|
8779
|
+
}
|
|
8780
|
+
}, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React.createElement("div", {
|
|
8781
|
+
className: 'col-lg-12 pl-md-3 pr-md-3'
|
|
8782
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8783
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8784
|
+
}, parentcollectionitem === null || parentcollectionitem === void 0 ? void 0 : (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
|
|
8785
|
+
if (collectionitem.isinftiler == 1) {
|
|
8786
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
8787
|
+
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 ',
|
|
8788
|
+
onClick: function onClick() {
|
|
8789
|
+
setCollectionFilterFunc(collectionitem.collectionid);
|
|
8790
|
+
}
|
|
8791
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8792
|
+
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 '
|
|
8793
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
8794
|
+
className: "h-100 d-flex align-items-center"
|
|
8795
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
8796
|
+
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8797
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8798
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8799
|
+
style: {
|
|
8800
|
+
color: collectionitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8801
|
+
}
|
|
8802
|
+
}, langdetect == 'en' ? collectionitem.title_en : collectionitem.title_ar)));
|
|
8803
|
+
}
|
|
8804
|
+
}))))))));
|
|
8805
|
+
}
|
|
8806
|
+
})))));
|
|
8807
|
+
}
|
|
8808
|
+
}));
|
|
8809
|
+
};
|
|
8810
|
+
var CollectionsFilter = function CollectionsFilter() {
|
|
8811
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
8812
|
+
"class": "col-lg-12 p-0"
|
|
8813
|
+
}, /*#__PURE__*/React.createElement(Accordion, {
|
|
8814
|
+
allowMultipleExpanded: true,
|
|
8815
|
+
allowZeroExpanded: true,
|
|
8816
|
+
preExpanded: [0, 1, 2, 3]
|
|
8817
|
+
}, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
8818
|
+
uuid: 0
|
|
8819
|
+
}, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
|
|
8820
|
+
className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
|
|
8821
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8822
|
+
className: "col-lg-10 col-md-10 col-sm-10 p-0"
|
|
8823
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8824
|
+
className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
|
|
8825
|
+
}, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
|
|
8826
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0"
|
|
8827
|
+
}, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
|
|
8828
|
+
if (state.expanded == true) {
|
|
8829
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8830
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8831
|
+
}, /*#__PURE__*/React.createElement(FiChevronDown, null));
|
|
8832
|
+
} else {
|
|
8833
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8834
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8835
|
+
}, /*#__PURE__*/React.createElement(FiChevronUp, null));
|
|
8836
|
+
}
|
|
8837
|
+
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
8838
|
+
className: "p-0"
|
|
8839
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8840
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
|
|
8841
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8842
|
+
className: 'col-lg-12'
|
|
8843
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8844
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8845
|
+
}, instcollections.map(function (item, index) {
|
|
8846
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
8847
|
+
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 ',
|
|
8848
|
+
onClick: function onClick() {
|
|
8849
|
+
setCollectionFilterFunc(item.collectionid);
|
|
8850
|
+
}
|
|
8851
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8852
|
+
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 '
|
|
8853
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
8854
|
+
className: "h-100 d-flex align-items-center"
|
|
8855
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
8856
|
+
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8857
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8858
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8859
|
+
style: {
|
|
8860
|
+
color: item.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8861
|
+
}
|
|
8862
|
+
}, langdetect == 'en' ? item.title_en : item.title_ar)));
|
|
8863
|
+
})))))), /*#__PURE__*/React.createElement("hr", {
|
|
8864
|
+
className: "mt-3 mb-3"
|
|
8865
|
+
})));
|
|
8866
|
+
};
|
|
8867
|
+
var InstFilters = function InstFilters() {
|
|
8868
|
+
return /*#__PURE__*/React.createElement(Accordion, {
|
|
8869
|
+
allowMultipleExpanded: true,
|
|
8870
|
+
allowZeroExpanded: true,
|
|
8871
|
+
preExpanded: [0, 1, 2, 3]
|
|
8872
|
+
}, instfilters.map(function (item, index) {
|
|
8873
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
8874
|
+
uuid: index
|
|
8875
|
+
}, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
|
|
8876
|
+
className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
|
|
8877
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8878
|
+
className: "col-lg-10 col-md-10 col-sm-10 p-0"
|
|
8879
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8880
|
+
className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
|
|
8881
|
+
}, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
|
|
8882
|
+
className: "col-lg-2 col-md-2 col-sm-2 p-0"
|
|
8883
|
+
}, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
|
|
8884
|
+
if (state.expanded == true) {
|
|
8885
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8886
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8887
|
+
}, /*#__PURE__*/React.createElement(FiChevronDown, null));
|
|
8888
|
+
} else {
|
|
8889
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
8890
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
8891
|
+
}, /*#__PURE__*/React.createElement(FiChevronUp, null));
|
|
8892
|
+
}
|
|
8893
|
+
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
8894
|
+
className: "p-0"
|
|
8895
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8896
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
|
|
8897
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8898
|
+
className: 'col-lg-12'
|
|
8899
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8900
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8901
|
+
}, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8902
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
8903
|
+
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 ',
|
|
8904
|
+
onClick: function onClick() {
|
|
8905
|
+
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8906
|
+
}
|
|
8907
|
+
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
8908
|
+
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 '
|
|
8909
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
8910
|
+
className: "h-100 d-flex align-items-center"
|
|
8911
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
8912
|
+
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8913
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8914
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8915
|
+
style: {
|
|
8916
|
+
color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8917
|
+
}
|
|
8918
|
+
}, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
|
|
8919
|
+
})))))), /*#__PURE__*/React.createElement("hr", {
|
|
8920
|
+
className: "mt-3 mb-3"
|
|
8921
|
+
}));
|
|
8922
|
+
}));
|
|
8923
|
+
};
|
|
8638
8924
|
return /*#__PURE__*/React.createElement("div", {
|
|
8639
8925
|
className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
|
|
8640
8926
|
style: {
|
|
@@ -8741,8 +9027,26 @@ var Filter$1 = function Filter(props) {
|
|
|
8741
9027
|
style: {
|
|
8742
9028
|
color: sectionproperties.closeSlider_color
|
|
8743
9029
|
}
|
|
8744
|
-
})))), sectionproperties.otherfilters == 'Show' &&
|
|
8745
|
-
|
|
9030
|
+
})))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
9031
|
+
"class": "row m-0 w-100"
|
|
9032
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
9033
|
+
"class": "col-lg-12"
|
|
9034
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
9035
|
+
className: "m-0 p-0 font-16 font-weight-600",
|
|
9036
|
+
style: {
|
|
9037
|
+
color: sectionproperties.filter_titlecolor,
|
|
9038
|
+
fontSize: sectionproperties.filter_titlefontsize + 'px',
|
|
9039
|
+
fontWeight: sectionproperties.filter_titlefontweight,
|
|
9040
|
+
textTransform: sectionproperties.filter_titletextransform
|
|
9041
|
+
}
|
|
9042
|
+
}, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React.createElement("div", {
|
|
9043
|
+
className: "col-lg-12"
|
|
9044
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
9045
|
+
className: "mt-2 mb-3"
|
|
9046
|
+
})), otherfilters.map(function (item, index) {
|
|
9047
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
9048
|
+
className: "col-lg-12 pl-4 pr-4"
|
|
9049
|
+
}, /*#__PURE__*/React.createElement(Accordion, {
|
|
8746
9050
|
allowMultipleExpanded: true,
|
|
8747
9051
|
allowZeroExpanded: true,
|
|
8748
9052
|
preExpanded: [0, 1, 2, 3],
|
|
@@ -8756,18 +9060,18 @@ var Filter$1 = function Filter(props) {
|
|
|
8756
9060
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8757
9061
|
className: "col-lg-10 col-md-10 col-sm-10 p-0"
|
|
8758
9062
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8759
|
-
className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
|
|
9063
|
+
className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
|
|
8760
9064
|
}, item.name)), /*#__PURE__*/React.createElement("div", {
|
|
8761
9065
|
className: "col-lg-2 col-md-2 col-sm-2 p-0"
|
|
8762
9066
|
}, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
|
|
8763
9067
|
if (state.expanded == true) {
|
|
8764
9068
|
return /*#__PURE__*/React.createElement("i", {
|
|
8765
|
-
className: filter_cssstyles.
|
|
8766
|
-
}, /*#__PURE__*/React.createElement(
|
|
9069
|
+
className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
|
|
9070
|
+
}, /*#__PURE__*/React.createElement(FiChevronDown, null));
|
|
8767
9071
|
} else {
|
|
8768
9072
|
return /*#__PURE__*/React.createElement("i", {
|
|
8769
|
-
className: filter_cssstyles.
|
|
8770
|
-
}, /*#__PURE__*/React.createElement(
|
|
9073
|
+
className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
|
|
9074
|
+
}, /*#__PURE__*/React.createElement(FiChevronUp, null));
|
|
8771
9075
|
}
|
|
8772
9076
|
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
8773
9077
|
className: "p-0"
|
|
@@ -8814,10 +9118,8 @@ var Filter$1 = function Filter(props) {
|
|
|
8814
9118
|
color: ischecked ? sectionproperties.activecat_color : ''
|
|
8815
9119
|
}
|
|
8816
9120
|
}, valueitem.name)));
|
|
8817
|
-
})))))))
|
|
8818
|
-
|
|
8819
|
-
}));
|
|
8820
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
9121
|
+
}))))))));
|
|
9122
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
8821
9123
|
className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
|
|
8822
9124
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8823
9125
|
className: "m-0 p-0 font-16 font-weight-600",
|
|
@@ -8847,114 +9149,12 @@ var Filter$1 = function Filter(props) {
|
|
|
8847
9149
|
}, /*#__PURE__*/React.createElement("hr", {
|
|
8848
9150
|
className: "mt-2 mb-3"
|
|
8849
9151
|
})), /*#__PURE__*/React.createElement("div", {
|
|
8850
|
-
className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
|
|
8851
|
-
}, /*#__PURE__*/React.createElement(
|
|
8852
|
-
|
|
8853
|
-
|
|
8854
|
-
|
|
8855
|
-
}, /*#__PURE__*/React.createElement(
|
|
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", {
|
|
9152
|
+
className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
|
|
9153
|
+
}, sectionproperties.filterType == 'All' && /*#__PURE__*/React.createElement("div", {
|
|
9154
|
+
"class": "row m-0 w-100"
|
|
9155
|
+
}, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React.createElement("div", {
|
|
9156
|
+
"class": "row m-0 w-100"
|
|
9157
|
+
}, CollectionsFilter()), InstFilters()))), /*#__PURE__*/React.createElement("div", {
|
|
8958
9158
|
className: "col-lg-12"
|
|
8959
9159
|
}, /*#__PURE__*/React.createElement(Offcanvas, {
|
|
8960
9160
|
show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
|
|
@@ -9028,12 +9228,12 @@ var Filter$1 = function Filter(props) {
|
|
|
9028
9228
|
}, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
|
|
9029
9229
|
if (state.expanded == true) {
|
|
9030
9230
|
return /*#__PURE__*/React.createElement("i", {
|
|
9031
|
-
className: filter_cssstyles.
|
|
9032
|
-
}, /*#__PURE__*/React.createElement(
|
|
9231
|
+
className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
|
|
9232
|
+
}, /*#__PURE__*/React.createElement(FiChevronDown, null));
|
|
9033
9233
|
} else {
|
|
9034
9234
|
return /*#__PURE__*/React.createElement("i", {
|
|
9035
|
-
className: filter_cssstyles.
|
|
9036
|
-
}, /*#__PURE__*/React.createElement(
|
|
9235
|
+
className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
|
|
9236
|
+
}, /*#__PURE__*/React.createElement(FiChevronUp, null));
|
|
9037
9237
|
}
|
|
9038
9238
|
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
9039
9239
|
className: "p-0"
|
|
@@ -9087,115 +9287,11 @@ var Filter$1 = function Filter(props) {
|
|
|
9087
9287
|
className: "mt-2 mb-3"
|
|
9088
9288
|
})), /*#__PURE__*/React.createElement("div", {
|
|
9089
9289
|
className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
|
|
9090
|
-
}, /*#__PURE__*/React.createElement(
|
|
9091
|
-
|
|
9092
|
-
|
|
9093
|
-
|
|
9094
|
-
},
|
|
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
|
-
})))))))));
|
|
9290
|
+
}, sectionproperties.filterType == 'All' && /*#__PURE__*/React.createElement("div", {
|
|
9291
|
+
"class": "row m-0 w-100"
|
|
9292
|
+
}, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React.createElement("div", {
|
|
9293
|
+
"class": "row m-0 w-100"
|
|
9294
|
+
}, CollectionsFilter()), InstFilters())))))));
|
|
9199
9295
|
};
|
|
9200
9296
|
|
|
9201
9297
|
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; }
|
|
@@ -10274,7 +10370,7 @@ styleInject(css_248z$z);
|
|
|
10274
10370
|
function ownKeys$1H(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; }
|
|
10275
10371
|
function _objectSpread$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10276
10372
|
var Subheader = function Subheader(props) {
|
|
10277
|
-
var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _props$subheaderprope10, _templatepropcontext$2, _props$subheaderprope13, _props$subheaderprope14, _templatepropcontext$3, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _props$subheaderprope25, _props$subheaderprope26, _props$subheaderprope27, _props$subheaderprope28, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17, _fetchCategoriesQuery18, _fetchCategoriesQuery19;
|
|
10373
|
+
var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _props$subheaderprope10, _templatepropcontext$2, _props$subheaderprope13, _props$subheaderprope14, _templatepropcontext$3, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _props$subheaderprope25, _props$subheaderprope26, _props$subheaderprope27, _props$subheaderprope28, _props$subheaderprope29, _props$subheaderprope30, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17, _fetchCategoriesQuery18, _fetchCategoriesQuery19;
|
|
10278
10374
|
var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
|
|
10279
10375
|
var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
|
|
10280
10376
|
var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
|
|
@@ -10586,7 +10682,7 @@ var Subheader = function Subheader(props) {
|
|
|
10586
10682
|
width: sectionproperties.subheader_width + '%',
|
|
10587
10683
|
zIndex: 2000,
|
|
10588
10684
|
position: ((_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
|
|
10589
|
-
top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.headernameprops) == 'Stylish Header' && ((_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.subheaderpositionprops) == 'in nav' ? 30 : '',
|
|
10685
|
+
top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.headernameprops) == 'Stylish Header' && ((_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.headernameprops) == 'HeaderwithContactinfo' && ((_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.subheaderpositionprops) == 'in nav' ? 45 : ((_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.subheaderpositionprops) == 'in nav' ? 30 : '',
|
|
10590
10686
|
border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
|
|
10591
10687
|
borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
|
|
10592
10688
|
borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
|
|
@@ -10621,7 +10717,7 @@ var Subheader = function Subheader(props) {
|
|
|
10621
10717
|
}
|
|
10622
10718
|
}, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
|
|
10623
10719
|
return /*#__PURE__*/React.createElement("div", {
|
|
10624
|
-
"class": "col-lg-12
|
|
10720
|
+
"class": "col-lg-12 mb-2",
|
|
10625
10721
|
onClick: function onClick() {
|
|
10626
10722
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
|
|
10627
10723
|
}
|
|
@@ -17485,7 +17581,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
|
|
|
17485
17581
|
subheaderpositionprops: 'in nav',
|
|
17486
17582
|
paddingLeftprops: '35px',
|
|
17487
17583
|
paddingRightprops: '35px',
|
|
17488
|
-
subheadercontentpositionprops: 'start'
|
|
17584
|
+
subheadercontentpositionprops: 'start',
|
|
17585
|
+
headernameprops: 'HeaderwithContactinfo'
|
|
17489
17586
|
}
|
|
17490
17587
|
})), /*#__PURE__*/React.createElement("div", {
|
|
17491
17588
|
"class": "col-lg-3 d-flex align-items-center justify-content-end"
|