tabexseriescomponents 0.0.82 → 0.0.87
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 +142 -98
- package/dist/index.esm.js +142 -98
- package/dist/index.umd.js +142 -98
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1349,8 +1349,8 @@ var Productinfo = function Productinfo(props) {
|
|
|
1349
1349
|
}, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React.createElement("div", {
|
|
1350
1350
|
className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
|
|
1351
1351
|
style: {
|
|
1352
|
-
paddingLeft: props.srcfromprops
|
|
1353
|
-
paddingRight: props.srcfromprops
|
|
1352
|
+
paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
|
|
1353
|
+
paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
|
|
1354
1354
|
}
|
|
1355
1355
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1356
1356
|
className: "col-lg-9 pl-2 pr-2 mb-md-3"
|
|
@@ -3462,12 +3462,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3462
3462
|
}, /*#__PURE__*/React.createElement("p", {
|
|
3463
3463
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0 d-flex align-items-center justify-content-center '
|
|
3464
3464
|
}, item.name_en)), /*#__PURE__*/React.createElement("div", {
|
|
3465
|
-
className: "col-lg-12 d-flex align-items-center justify-content-center mb-2"
|
|
3466
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3467
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak '
|
|
3468
|
-
}, item.defaultsaleprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م'), /*#__PURE__*/React.createElement("p", {
|
|
3469
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough m-0 p-0 mr-2 ml-2 wordbreak '
|
|
3470
|
-
}, item.defaultprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
|
|
3471
3465
|
className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
|
|
3472
3466
|
}, /*#__PURE__*/React.createElement("button", {
|
|
3473
3467
|
className: " ".concat(wishlist_cssstyles.cart_btn),
|
|
@@ -3516,11 +3510,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3516
3510
|
}, /*#__PURE__*/React.createElement("th", {
|
|
3517
3511
|
className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
|
|
3518
3512
|
}, lang.productname, ' '), /*#__PURE__*/React.createElement("th", {
|
|
3519
|
-
className: "text-center font-weight-500 font-14 text-light",
|
|
3520
|
-
style: {
|
|
3521
|
-
minWidth: '200px'
|
|
3522
|
-
}
|
|
3523
|
-
}, lang.price), /*#__PURE__*/React.createElement("th", {
|
|
3524
3513
|
className: "text-center font-weight-500 font-14 text-light",
|
|
3525
3514
|
style: {
|
|
3526
3515
|
minWidth: '100px'
|
|
@@ -3551,20 +3540,6 @@ var Wishlist = function Wishlist(props) {
|
|
|
3551
3540
|
}, /*#__PURE__*/React.createElement("p", {
|
|
3552
3541
|
className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
|
|
3553
3542
|
}, item.name_en)))), /*#__PURE__*/React.createElement("td", {
|
|
3554
|
-
style: {
|
|
3555
|
-
minWidth: '200px'
|
|
3556
|
-
}
|
|
3557
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3558
|
-
className: "row m-0 w-100 d-flex flex-column justify-content-center"
|
|
3559
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3560
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3561
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3562
|
-
className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3563
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
|
|
3564
|
-
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
3565
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3566
|
-
className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-center '
|
|
3567
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React.createElement("td", {
|
|
3568
3543
|
className: "text-center",
|
|
3569
3544
|
style: {
|
|
3570
3545
|
minWidth: '100px'
|
|
@@ -3646,6 +3621,7 @@ var Viewcart = function Viewcart(props) {
|
|
|
3646
3621
|
props.actions.pageindexcontext;
|
|
3647
3622
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
3648
3623
|
props.actions.TabexSectionsComponentsContext;
|
|
3624
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
3649
3625
|
var actions = props.actions;
|
|
3650
3626
|
|
|
3651
3627
|
var _useState = useState(''),
|
|
@@ -3670,15 +3646,11 @@ var Viewcart = function Viewcart(props) {
|
|
|
3670
3646
|
}
|
|
3671
3647
|
}, [StatePagePropertiesContext]);
|
|
3672
3648
|
useEffect(function () {
|
|
3673
|
-
var _templatepropcontext
|
|
3649
|
+
var _templatepropcontext$;
|
|
3674
3650
|
|
|
3675
|
-
|
|
3651
|
+
templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
|
|
3676
3652
|
return x.staticpageid == '6218bccb84d2b';
|
|
3677
3653
|
});
|
|
3678
|
-
|
|
3679
|
-
if (cartindex >= 0) {
|
|
3680
|
-
setCurrentPageId(cartindex);
|
|
3681
|
-
}
|
|
3682
3654
|
}, []);
|
|
3683
3655
|
useEffect(function () {
|
|
3684
3656
|
if (sectionproperties.length != 0) {
|
|
@@ -7700,22 +7672,22 @@ function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) {
|
|
|
7700
7672
|
var OrderSuccess = function OrderSuccess(props) {
|
|
7701
7673
|
var _props$actions2;
|
|
7702
7674
|
|
|
7703
|
-
// let location = useLocation();
|
|
7704
7675
|
var lang = props.actions.lang;
|
|
7705
7676
|
var langdetect = props.actions.langdetect;
|
|
7706
7677
|
var routingcountext = props.actions.routingcountext;
|
|
7707
7678
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
7708
7679
|
var templatepropcontext = props.actions.templatepropcontext;
|
|
7680
|
+
var uselocation = props.actions.uselocation;
|
|
7709
7681
|
|
|
7710
7682
|
var _useState = useState(false),
|
|
7711
7683
|
_useState2 = _slicedToArray(_useState, 2),
|
|
7712
|
-
IsOrderSuccess = _useState2[0]
|
|
7713
|
-
_useState2[1];
|
|
7684
|
+
IsOrderSuccess = _useState2[0],
|
|
7685
|
+
setIsOrderSuccess = _useState2[1];
|
|
7714
7686
|
|
|
7715
7687
|
var _useState3 = useState(''),
|
|
7716
7688
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
7717
|
-
ReasonFail = _useState4[0]
|
|
7718
|
-
_useState4[1];
|
|
7689
|
+
ReasonFail = _useState4[0],
|
|
7690
|
+
setReasonFail = _useState4[1];
|
|
7719
7691
|
|
|
7720
7692
|
var _useState5 = useState(''),
|
|
7721
7693
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
@@ -7725,18 +7697,19 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
7725
7697
|
var _useState7 = useState(''),
|
|
7726
7698
|
_useState8 = _slicedToArray(_useState7, 2);
|
|
7727
7699
|
_useState8[0];
|
|
7728
|
-
var setCurrentPageId = _useState8[1];
|
|
7729
|
-
// const query = new URLSearchParams(location.search);
|
|
7730
|
-
// var issuccess = query.get('status');
|
|
7731
|
-
// if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7732
|
-
// setIsOrderSuccess(true);
|
|
7733
|
-
// } else {
|
|
7734
|
-
// setIsOrderSuccess(false);
|
|
7735
|
-
// setReasonFail(query.get('reason'));
|
|
7736
|
-
// }
|
|
7737
|
-
// }, []);
|
|
7700
|
+
var setCurrentPageId = _useState8[1];
|
|
7738
7701
|
|
|
7702
|
+
useEffect(function () {
|
|
7703
|
+
var query = new URLSearchParams(uselocation.search);
|
|
7704
|
+
var issuccess = query.get('status');
|
|
7739
7705
|
|
|
7706
|
+
if (issuccess == true || issuccess == 1 || issuccess == 'true') {
|
|
7707
|
+
setIsOrderSuccess(true);
|
|
7708
|
+
} else {
|
|
7709
|
+
setIsOrderSuccess(false);
|
|
7710
|
+
setReasonFail(query.get('reason'));
|
|
7711
|
+
}
|
|
7712
|
+
}, []);
|
|
7740
7713
|
useEffect(function () {
|
|
7741
7714
|
var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
|
|
7742
7715
|
return x.staticpageid == '62af2f545cebb';
|
|
@@ -7842,8 +7815,8 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
7842
7815
|
}, ReasonFail)));
|
|
7843
7816
|
};
|
|
7844
7817
|
|
|
7845
|
-
var css_248z$w = ".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:
|
|
7846
|
-
var filterstyles
|
|
7818
|
+
var css_248z$w = ".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";
|
|
7819
|
+
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"};
|
|
7847
7820
|
styleInject(css_248z$w);
|
|
7848
7821
|
|
|
7849
7822
|
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; }
|
|
@@ -8065,16 +8038,17 @@ var Filter = function Filter(props) {
|
|
|
8065
8038
|
return /*#__PURE__*/React.createElement("div", {
|
|
8066
8039
|
className: "col-lg-12 p-0 w-100 filter",
|
|
8067
8040
|
style: {
|
|
8068
|
-
marginTop: sectionproperties.filtersection_mt + 'px'
|
|
8041
|
+
marginTop: sectionproperties.filtersection_mt + 'px',
|
|
8042
|
+
zIndex: 10000
|
|
8069
8043
|
}
|
|
8070
8044
|
}, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
|
|
8071
|
-
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles
|
|
8045
|
+
className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
|
|
8072
8046
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8073
|
-
className: "".concat(filterstyles
|
|
8047
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8074
8048
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8075
|
-
className: "".concat(filterstyles
|
|
8049
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8076
8050
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8077
|
-
className: "".concat(filterstyles
|
|
8051
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8078
8052
|
}, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
|
|
8079
8053
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8080
8054
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -8087,26 +8061,26 @@ var Filter = function Filter(props) {
|
|
|
8087
8061
|
className: "fa fa-chevron-down ml-auto"
|
|
8088
8062
|
}))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, instcollections.map(function (item, index) {
|
|
8089
8063
|
return /*#__PURE__*/React.createElement("div", {
|
|
8090
|
-
className: "".concat(filterstyles
|
|
8064
|
+
className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', " ") + ' d-flex align-items-start pb-3 ',
|
|
8091
8065
|
onClick: function onClick() {
|
|
8092
8066
|
setCollectionFilterFunc(item.collectionid); // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8093
8067
|
}
|
|
8094
8068
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
8095
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8069
|
+
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 '
|
|
8096
8070
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8097
8071
|
className: "h-100 d-flex align-items-center"
|
|
8098
8072
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
8099
8073
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8100
8074
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8101
|
-
className: "".concat(filterstyles
|
|
8075
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8102
8076
|
}, langdetect == 'en' ? item.title_en : item.title_ar)));
|
|
8103
8077
|
})))))), instfilters.map(function (item, index) {
|
|
8104
8078
|
return /*#__PURE__*/React.createElement("div", {
|
|
8105
|
-
className: "".concat(filterstyles
|
|
8079
|
+
className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
|
|
8106
8080
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8107
|
-
className: "".concat(filterstyles
|
|
8081
|
+
className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
|
|
8108
8082
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8109
|
-
className: "".concat(filterstyles
|
|
8083
|
+
className: "".concat(filterstyles.timeline) + ' w-100'
|
|
8110
8084
|
}, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
|
|
8111
8085
|
className: "d-flex align-items-center w-100 bg-transparent"
|
|
8112
8086
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -8119,26 +8093,27 @@ var Filter = function Filter(props) {
|
|
|
8119
8093
|
className: "fa fa-chevron-down ml-auto"
|
|
8120
8094
|
}))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8121
8095
|
return /*#__PURE__*/React.createElement("div", {
|
|
8122
|
-
className: "".concat(filterstyles
|
|
8096
|
+
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 ") + ' d-flex align-items-start pb-3 ',
|
|
8123
8097
|
onClick: function onClick() {
|
|
8124
8098
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8125
8099
|
}
|
|
8126
8100
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
8127
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8101
|
+
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 '
|
|
8128
8102
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8129
8103
|
className: "h-100 d-flex align-items-center"
|
|
8130
8104
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
8131
8105
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8132
8106
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8133
|
-
className: "".concat(filterstyles
|
|
8107
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
|
|
8134
8108
|
}, valueitem.valuename)));
|
|
8135
8109
|
}))))));
|
|
8136
8110
|
})), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
|
|
8137
|
-
className: "".concat(filterstyles
|
|
8111
|
+
className: "".concat(filterstyles.filterslider_container),
|
|
8138
8112
|
id: "filterslider",
|
|
8139
8113
|
style: {
|
|
8140
8114
|
background: sectionproperties.filter_backgroundcolor,
|
|
8141
|
-
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
|
|
8115
|
+
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
|
|
8116
|
+
zIndex: 9999
|
|
8142
8117
|
}
|
|
8143
8118
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8144
8119
|
className: "row m-0 w-100 pt-2 pb-3"
|
|
@@ -8155,10 +8130,10 @@ var Filter = function Filter(props) {
|
|
|
8155
8130
|
}, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
|
|
8156
8131
|
className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
|
|
8157
8132
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8158
|
-
className: "".concat(filterstyles
|
|
8133
|
+
className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
|
|
8159
8134
|
onClick: function onClick() {
|
|
8160
8135
|
var element = document.getElementById('filterslider');
|
|
8161
|
-
element.classList.remove(filterstyles
|
|
8136
|
+
element.classList.remove(filterstyles.filterslider_container_opened);
|
|
8162
8137
|
}
|
|
8163
8138
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8164
8139
|
className: "h-100 d-flex align-items-center justify-content-center"
|
|
@@ -8204,21 +8179,21 @@ var Filter = function Filter(props) {
|
|
|
8204
8179
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8205
8180
|
className: 'col-lg-12'
|
|
8206
8181
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8207
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8182
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8208
8183
|
}, instcollections.map(function (item, index) {
|
|
8209
8184
|
return /*#__PURE__*/React.createElement("div", {
|
|
8210
|
-
className: "".concat(filterstyles
|
|
8185
|
+
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 ',
|
|
8211
8186
|
onClick: function onClick() {
|
|
8212
8187
|
setCollectionFilterFunc(item.collectionid);
|
|
8213
8188
|
}
|
|
8214
8189
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8215
|
-
className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8190
|
+
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 '
|
|
8216
8191
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8217
8192
|
className: "h-100 d-flex align-items-center"
|
|
8218
8193
|
})), /*#__PURE__*/React.createElement("div", {
|
|
8219
8194
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8220
8195
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8221
|
-
className: "".concat(filterstyles
|
|
8196
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8222
8197
|
style: {
|
|
8223
8198
|
color: item.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8224
8199
|
}
|
|
@@ -8257,21 +8232,21 @@ var Filter = function Filter(props) {
|
|
|
8257
8232
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8258
8233
|
className: 'col-lg-12'
|
|
8259
8234
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8260
|
-
className: langdetect == 'en' ? "".concat(filterstyles
|
|
8235
|
+
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
8261
8236
|
}, item.productvaluesfilter.map(function (valueitem, valueindex) {
|
|
8262
8237
|
return /*#__PURE__*/React.createElement("div", {
|
|
8263
|
-
className: "".concat(filterstyles
|
|
8238
|
+
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 ',
|
|
8264
8239
|
onClick: function onClick() {
|
|
8265
8240
|
setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
8266
8241
|
}
|
|
8267
8242
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
8268
|
-
className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles
|
|
8243
|
+
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 '
|
|
8269
8244
|
}, /*#__PURE__*/React.createElement("i", {
|
|
8270
8245
|
className: "h-100 d-flex align-items-center"
|
|
8271
8246
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
8272
8247
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
8273
8248
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8274
|
-
className: "".concat(filterstyles
|
|
8249
|
+
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
8275
8250
|
style: {
|
|
8276
8251
|
color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
|
|
8277
8252
|
}
|
|
@@ -10099,7 +10074,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
|
|
|
10099
10074
|
}, /*#__PURE__*/React.createElement("div", {
|
|
10100
10075
|
"class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center mb-md-0' : 'col-lg-12 d-flex justify-content-md-center mb-md-0'
|
|
10101
10076
|
}, /*#__PURE__*/React.createElement("p", {
|
|
10102
|
-
"class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18
|
|
10077
|
+
"class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
|
|
10103
10078
|
style: {
|
|
10104
10079
|
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
10105
10080
|
color: sectionproperties.sectionTitleColor,
|
|
@@ -10117,10 +10092,11 @@ var ModernCardsSection = function ModernCardsSection(props) {
|
|
|
10117
10092
|
style: {
|
|
10118
10093
|
fontSize: sectionproperties.prodCatFontSize + 'px',
|
|
10119
10094
|
color: sectionproperties.prodCatColor,
|
|
10120
|
-
fontWeight: sectionproperties.prodCatFontWeight
|
|
10095
|
+
fontWeight: sectionproperties.prodCatFontWeight,
|
|
10096
|
+
textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
|
|
10121
10097
|
}
|
|
10122
10098
|
}, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
10123
|
-
"class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-
|
|
10099
|
+
"class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-start justify-content-md-center'
|
|
10124
10100
|
}, /*#__PURE__*/React.createElement("button", {
|
|
10125
10101
|
"class": "".concat(section_cssstyles.viewmorebtn) + ' allcentered ',
|
|
10126
10102
|
onClick: function onClick() {
|
|
@@ -10170,7 +10146,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
|
|
|
10170
10146
|
}, /*#__PURE__*/React.createElement(ScrollMenu, {
|
|
10171
10147
|
transitionBehavior: 'auto',
|
|
10172
10148
|
wrapperClassName: '',
|
|
10173
|
-
itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : 'scrollmenuclassnameitem',
|
|
10149
|
+
itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : 'scrollmenuclassnameitem',
|
|
10174
10150
|
scrollContainerClassName: 'scrollmenuclasssubscrollbar'
|
|
10175
10151
|
}, cardsarray.map(function (cardinfoitem, cardinfoindex) {
|
|
10176
10152
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -10212,7 +10188,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
|
|
|
10212
10188
|
zIndex: 2
|
|
10213
10189
|
}
|
|
10214
10190
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
10215
|
-
"class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100
|
|
10191
|
+
"class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-0 pr-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
|
|
10216
10192
|
style: {
|
|
10217
10193
|
paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
10218
10194
|
paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
@@ -14886,7 +14862,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
|
|
|
14886
14862
|
}
|
|
14887
14863
|
}
|
|
14888
14864
|
}, [sectionproperties]);
|
|
14889
|
-
var
|
|
14865
|
+
var sectionStyles = {
|
|
14890
14866
|
imgcontainer: css({
|
|
14891
14867
|
':before': {
|
|
14892
14868
|
width: '100%',
|
|
@@ -14901,6 +14877,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
|
|
|
14901
14877
|
top: 0,
|
|
14902
14878
|
bottom: 0
|
|
14903
14879
|
}
|
|
14880
|
+
}),
|
|
14881
|
+
sectiontitlespan: css({
|
|
14882
|
+
':after': {
|
|
14883
|
+
height: '5px',
|
|
14884
|
+
width: sectionproperties.sectitle_lineafterwidth + '%',
|
|
14885
|
+
backgroundColor: sectionproperties.linebgcolor
|
|
14886
|
+
}
|
|
14887
|
+
}),
|
|
14888
|
+
line_left: css({
|
|
14889
|
+
height: '1px',
|
|
14890
|
+
position: 'relative',
|
|
14891
|
+
flex: '1 1 auto',
|
|
14892
|
+
minWidth: '10%',
|
|
14893
|
+
background: sectionproperties.linebgcolor
|
|
14894
|
+
}),
|
|
14895
|
+
line_right: css({
|
|
14896
|
+
height: '1px',
|
|
14897
|
+
position: 'relative',
|
|
14898
|
+
flex: '1 1 auto',
|
|
14899
|
+
minWidth: '10%',
|
|
14900
|
+
background: sectionproperties.linebgcolor
|
|
14904
14901
|
})
|
|
14905
14902
|
};
|
|
14906
14903
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -14909,7 +14906,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
|
|
|
14909
14906
|
position: 'relative'
|
|
14910
14907
|
}
|
|
14911
14908
|
}, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
14912
|
-
"class":
|
|
14909
|
+
"class": sectionStyles.imgcontainer
|
|
14913
14910
|
}, /*#__PURE__*/React.createElement(IKImage, {
|
|
14914
14911
|
urlEndpoint: IKurlEndpoint,
|
|
14915
14912
|
publicKey: IKpublicKey,
|
|
@@ -14927,7 +14924,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
|
|
|
14927
14924
|
left: 0
|
|
14928
14925
|
}
|
|
14929
14926
|
})), /*#__PURE__*/React.createElement("div", {
|
|
14930
|
-
"class": "row ml-0 mr-0 w-100 d-flex justify-content-center",
|
|
14927
|
+
"class": "row ml-0 mr-0 w-100 d-flex justify-content-center align-items-stretch pl-md-3 pr-md-3",
|
|
14931
14928
|
style: {
|
|
14932
14929
|
marginTop: sectionproperties.marginTop + 'px',
|
|
14933
14930
|
marginBottom: sectionproperties.marginBottom + 'px',
|
|
@@ -14944,14 +14941,54 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
|
|
|
14944
14941
|
borderLeftWidth: 0,
|
|
14945
14942
|
borderRightWidth: 0
|
|
14946
14943
|
}
|
|
14947
|
-
},
|
|
14944
|
+
}, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
14945
|
+
"class": "col-lg-12 allcentered p-0"
|
|
14946
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
14947
|
+
"class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 allcentered pl-md-3 pr-md-3 ',
|
|
14948
|
+
style: {
|
|
14949
|
+
marginTop: sectionproperties.sectionTitleMarginTop + 'px',
|
|
14950
|
+
marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
|
|
14951
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
|
|
14952
|
+
paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
|
|
14953
|
+
}
|
|
14954
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
14955
|
+
"class": "d-flex align-items-center flex-row allcentered",
|
|
14956
|
+
style: {
|
|
14957
|
+
position: 'relative',
|
|
14958
|
+
width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
|
|
14959
|
+
}
|
|
14960
|
+
}, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
|
|
14961
|
+
"class": sectionStyles.line_left
|
|
14962
|
+
}), /*#__PURE__*/React.createElement("p", {
|
|
14963
|
+
"class": // font-sm-18 font-md-20
|
|
14964
|
+
sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
|
|
14965
|
+
style: {
|
|
14966
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
14967
|
+
color: sectionproperties.sectionTitleColor,
|
|
14968
|
+
fontWeight: sectionproperties.sectionTitleFontWeight,
|
|
14969
|
+
paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
|
|
14970
|
+
paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
|
|
14971
|
+
textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
|
|
14972
|
+
}
|
|
14973
|
+
}, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
|
|
14974
|
+
"class": sectionStyles.line_right
|
|
14975
|
+
})))), cardsarray.map(function (cardinfoitem, cardinfoindex) {
|
|
14948
14976
|
return /*#__PURE__*/React.createElement("div", {
|
|
14949
|
-
"class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
|
|
14977
|
+
"class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3 align-items-stretch",
|
|
14950
14978
|
style: {
|
|
14951
14979
|
zIndex: 2
|
|
14952
14980
|
}
|
|
14953
14981
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14954
|
-
"class": "row m-0 w-100"
|
|
14982
|
+
"class": "row m-0 w-100",
|
|
14983
|
+
style: {
|
|
14984
|
+
background: sectionproperties.reservation_bgcolor,
|
|
14985
|
+
paddingTop: sectionproperties.reservation_padding_top + 'px',
|
|
14986
|
+
paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
|
|
14987
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
|
|
14988
|
+
paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
|
|
14989
|
+
borderRadius: sectionproperties.reservation_borderradius + 'px',
|
|
14990
|
+
border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
|
|
14991
|
+
}
|
|
14955
14992
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14956
14993
|
"class": "col-lg-12 allcentered p-0",
|
|
14957
14994
|
style: {
|
|
@@ -19591,7 +19628,7 @@ var CTAHeader = function CTAHeader(props) {
|
|
|
19591
19628
|
"class": "row m-0 w-100 justify-content-center",
|
|
19592
19629
|
style: {
|
|
19593
19630
|
width: '100vw',
|
|
19594
|
-
zIndex:
|
|
19631
|
+
zIndex: 1000
|
|
19595
19632
|
}
|
|
19596
19633
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19597
19634
|
"class": "col-lg-12 p-0 d-md-none d-sm-none",
|
|
@@ -19599,7 +19636,7 @@ var CTAHeader = function CTAHeader(props) {
|
|
|
19599
19636
|
position: sectionproperties.headerstyles_position
|
|
19600
19637
|
}
|
|
19601
19638
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19602
|
-
"class": header_cssstyles.upperheader + ' row m-0 w-100
|
|
19639
|
+
"class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center '
|
|
19603
19640
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19604
19641
|
"class": "col-lg-4 p-0 d-flex align-items-center justify-content-start"
|
|
19605
19642
|
}, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
@@ -19647,7 +19684,10 @@ var CTAHeader = function CTAHeader(props) {
|
|
|
19647
19684
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
19648
19685
|
"class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
|
|
19649
19686
|
}, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
19650
|
-
"class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
|
|
19687
|
+
"class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
|
|
19688
|
+
onClick: function onClick() {
|
|
19689
|
+
setSearchHeaderInputContext('');
|
|
19690
|
+
}
|
|
19651
19691
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19652
19692
|
"class": "row m-0 w-100 d-flex justify-content-end align-items-center"
|
|
19653
19693
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -19682,7 +19722,8 @@ var CTAHeader = function CTAHeader(props) {
|
|
|
19682
19722
|
"class": "headerdropdownml",
|
|
19683
19723
|
style: {
|
|
19684
19724
|
marginLeft: langdetect == 'en' ? '1.2rem' : 0,
|
|
19685
|
-
marginRight: langdetect == 'ar' ? '1.2rem' : 0
|
|
19725
|
+
marginRight: langdetect == 'ar' ? '1.2rem' : 0,
|
|
19726
|
+
zIndex: 1000
|
|
19686
19727
|
}
|
|
19687
19728
|
}, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
|
|
19688
19729
|
"class": "".concat(headerstyles$8.navbar_item) + ' d-flex justify-content-center align-items-center '
|
|
@@ -25896,7 +25937,7 @@ function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if
|
|
|
25896
25937
|
function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25897
25938
|
|
|
25898
25939
|
var SearchFocusedHeader = function SearchFocusedHeader(props) {
|
|
25899
|
-
var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$
|
|
25940
|
+
var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i9, _authdetailsContext$i10, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i11, _authdetailsContext$i12;
|
|
25900
25941
|
|
|
25901
25942
|
var lang = props.actions.lang;
|
|
25902
25943
|
var langdetect = props.actions.langdetect;
|
|
@@ -26465,7 +26506,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
|
|
|
26465
26506
|
style: {
|
|
26466
26507
|
maxWidth: '60px'
|
|
26467
26508
|
}
|
|
26468
|
-
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$
|
|
26509
|
+
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
|
|
26469
26510
|
onClick: function onClick() {
|
|
26470
26511
|
routingcountext(StaticPagesLinksContext.Login);
|
|
26471
26512
|
}
|
|
@@ -26500,7 +26541,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
|
|
|
26500
26541
|
onClick: function onClick() {
|
|
26501
26542
|
routingcountext(StaticPagesLinksContext.accountinfo);
|
|
26502
26543
|
}
|
|
26503
|
-
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$
|
|
26544
|
+
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
|
|
26504
26545
|
onClick: function onClick() {
|
|
26505
26546
|
routingcountext(StaticPagesLinksContext.Ordershistory);
|
|
26506
26547
|
}
|
|
@@ -26676,7 +26717,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
|
|
|
26676
26717
|
minWidth: '250px',
|
|
26677
26718
|
marginLeft: '0px'
|
|
26678
26719
|
}
|
|
26679
|
-
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$
|
|
26720
|
+
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
|
|
26680
26721
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown.Item, {
|
|
26681
26722
|
onClick: function onClick() {
|
|
26682
26723
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
|
|
@@ -29957,9 +29998,9 @@ var Card20 = function Card20(props) {
|
|
|
29957
29998
|
var langdetect = props.actions.langdetect;
|
|
29958
29999
|
var routingcountext = props.actions.routingcountext;
|
|
29959
30000
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
29960
|
-
var addtofavoritescontext = props.addtofavoritescontext;
|
|
29961
|
-
var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
|
|
29962
|
-
var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
|
|
30001
|
+
var addtofavoritescontext = props.actions.addtofavoritescontext;
|
|
30002
|
+
var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
|
|
30003
|
+
var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
|
|
29963
30004
|
|
|
29964
30005
|
var _useState5 = useState(props.cardinfoindexprops),
|
|
29965
30006
|
_useState6 = _slicedToArray(_useState5, 2);
|
|
@@ -30151,6 +30192,9 @@ var Card20 = function Card20(props) {
|
|
|
30151
30192
|
routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
|
|
30152
30193
|
}
|
|
30153
30194
|
},
|
|
30195
|
+
style: {
|
|
30196
|
+
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
30197
|
+
},
|
|
30154
30198
|
"class": "".concat(cardstyles.productNameStyles) + ' wordbreak wordbreak1 -noellipsis m-0 '
|
|
30155
30199
|
}, item.name), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
30156
30200
|
"class": "".concat(cardstyles.productDescStyles) + ' wordbreak wordbreak1 p-0 ',
|