tabexseriescomponents 0.0.136 → 0.0.138
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 +159 -22
- package/dist/index.esm.js +159 -22
- package/dist/index.umd.js +159 -22
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -9143,7 +9143,6 @@ var CardsSection = function CardsSection(props) {
|
|
|
9143
9143
|
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
9144
9144
|
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
9145
9145
|
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
9146
|
-
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
9147
9146
|
borderColor: sectionproperties.sectioncardbordercolor,
|
|
9148
9147
|
border: sectionproperties.sectioncardborderwidth + 'px solid'
|
|
9149
9148
|
}),
|
|
@@ -9426,12 +9425,14 @@ var CardsSection = function CardsSection(props) {
|
|
|
9426
9425
|
}))));
|
|
9427
9426
|
};
|
|
9428
9427
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
9429
|
-
"class": ' row m-0 d-flex w-100
|
|
9428
|
+
"class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
|
|
9430
9429
|
style: {
|
|
9431
9430
|
zIndex: 2,
|
|
9432
9431
|
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
9433
9432
|
backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
|
|
9434
|
-
backgroundSize: 'cover'
|
|
9433
|
+
backgroundSize: 'cover',
|
|
9434
|
+
width: sectionproperties.width + 'vw',
|
|
9435
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
|
|
9435
9436
|
}
|
|
9436
9437
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
9437
9438
|
"class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
|
|
@@ -33652,7 +33653,7 @@ var Twobgimages = function Twobgimages(props) {
|
|
|
33652
33653
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33653
33654
|
className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
|
|
33654
33655
|
style: {
|
|
33655
|
-
height: sectionproperties.image_height + 'vh'
|
|
33656
|
+
height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
|
|
33656
33657
|
}
|
|
33657
33658
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33658
33659
|
className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
|
|
@@ -33663,7 +33664,7 @@ var Twobgimages = function Twobgimages(props) {
|
|
|
33663
33664
|
}, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
|
|
33664
33665
|
urlEndpoint: IKurlEndpoint,
|
|
33665
33666
|
publicKey: IKpublicKey,
|
|
33666
|
-
path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
|
|
33667
|
+
path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? 'tr:w-0,h-0' + bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
|
|
33667
33668
|
className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
|
|
33668
33669
|
style: {
|
|
33669
33670
|
height: '100%',
|
|
@@ -33772,7 +33773,10 @@ var Twobgimages = function Twobgimages(props) {
|
|
|
33772
33773
|
}))));
|
|
33773
33774
|
};
|
|
33774
33775
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33775
|
-
className: "row m-0
|
|
33776
|
+
className: "row m-0",
|
|
33777
|
+
style: {
|
|
33778
|
+
width: sectionproperties.width + 'vw'
|
|
33779
|
+
}
|
|
33776
33780
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33777
33781
|
className: "col-lg-12 p-0 d-flex d-md-none",
|
|
33778
33782
|
style: {
|
|
@@ -34074,7 +34078,7 @@ var AboutSection = function AboutSection(props) {
|
|
|
34074
34078
|
"class": "h-sm-auto",
|
|
34075
34079
|
urlEndpoint: IKurlEndpoint,
|
|
34076
34080
|
publicKey: IKpublicKey,
|
|
34077
|
-
path: bgimagesarray.length != 0 ?
|
|
34081
|
+
path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
|
|
34078
34082
|
style: {
|
|
34079
34083
|
width: '100%',
|
|
34080
34084
|
height: sectionproperties.image_height + 'px',
|
|
@@ -34906,8 +34910,9 @@ var Servicesection = function Servicesection(props) {
|
|
|
34906
34910
|
})
|
|
34907
34911
|
};
|
|
34908
34912
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34909
|
-
"class": ' row ml-0 mr-0
|
|
34913
|
+
"class": ' row ml-0 mr-0 align-items-center w-md-100 ',
|
|
34910
34914
|
style: {
|
|
34915
|
+
width: sectionproperties.width + 'vw',
|
|
34911
34916
|
marginTop: sectionproperties.marginTop + 'px',
|
|
34912
34917
|
marginBottom: sectionproperties.marginBottom + 'px',
|
|
34913
34918
|
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
@@ -34973,9 +34978,10 @@ var Servicesection = function Servicesection(props) {
|
|
|
34973
34978
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34974
34979
|
"class": "m-lg-auto d-flex justify-content-center"
|
|
34975
34980
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34981
|
+
"class": "d-flex d-sm-none",
|
|
34976
34982
|
style: {
|
|
34977
|
-
width:
|
|
34978
|
-
height:
|
|
34983
|
+
width: sectionproperties.image_width + 'px',
|
|
34984
|
+
height: sectionproperties.image_height + 'px',
|
|
34979
34985
|
marginBottom: 'auto',
|
|
34980
34986
|
marginRight: langdetect == 'en' ? '10px' : 0,
|
|
34981
34987
|
marginLeft: langdetect == 'ar' ? '10px' : 0
|
|
@@ -34990,14 +34996,32 @@ var Servicesection = function Servicesection(props) {
|
|
|
34990
34996
|
objectFit: 'cover'
|
|
34991
34997
|
}
|
|
34992
34998
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34993
|
-
"class": "d-
|
|
34999
|
+
"class": "d-none d-sm-flex",
|
|
35000
|
+
style: {
|
|
35001
|
+
width: 35,
|
|
35002
|
+
height: 35,
|
|
35003
|
+
marginBottom: 'auto',
|
|
35004
|
+
marginRight: langdetect == 'en' ? '10px' : 0,
|
|
35005
|
+
marginLeft: langdetect == 'ar' ? '10px' : 0
|
|
35006
|
+
}
|
|
35007
|
+
}, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
|
|
35008
|
+
urlEndpoint: IKurlEndpoint,
|
|
35009
|
+
publicKey: IKpublicKey,
|
|
35010
|
+
path: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
|
|
35011
|
+
style: {
|
|
35012
|
+
height: '100%',
|
|
35013
|
+
width: '100%',
|
|
35014
|
+
objectFit: 'contain'
|
|
35015
|
+
}
|
|
35016
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
35017
|
+
"class": sectionproperties.slideshowtext2_show == 'Show' ? 'd-flex flex-column' : 'd-flex flex-column align-items-center',
|
|
34994
35018
|
style: {
|
|
34995
35019
|
paddingLeft: langdetect == 'en' ? '10px' : 0,
|
|
34996
35020
|
paddingRight: langdetect == 'en' ? 0 : '10px',
|
|
34997
35021
|
flex: 1
|
|
34998
35022
|
}
|
|
34999
35023
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
35000
|
-
"class":
|
|
35024
|
+
"class": sectionproperties.slideshowtext2_show == 'Show' ? 'p-0 m-0 wordbreak wordbreak2' : 'p-0 m-0 wordbreak wordbreak2 mt-auto mb-auto',
|
|
35001
35025
|
style: {
|
|
35002
35026
|
color: sectionproperties.slideshowText1ContentColor,
|
|
35003
35027
|
fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
|
|
@@ -35005,7 +35029,7 @@ var Servicesection = function Servicesection(props) {
|
|
|
35005
35029
|
textTransform: sectionproperties.slideshowText1ContentTextTransform,
|
|
35006
35030
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
35007
35031
|
}
|
|
35008
|
-
}, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
35032
|
+
}, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
35009
35033
|
"class": "m-0 wordbreak ",
|
|
35010
35034
|
style: {
|
|
35011
35035
|
color: sectionproperties.slideshowText2ContentColor,
|
|
@@ -36361,6 +36385,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36361
36385
|
scale: 1.4
|
|
36362
36386
|
};
|
|
36363
36387
|
var slideshow_styles = {
|
|
36388
|
+
beforebg: glamor.css({
|
|
36389
|
+
content: 's',
|
|
36390
|
+
fontSize: 0,
|
|
36391
|
+
position: 'absolute',
|
|
36392
|
+
top: 0,
|
|
36393
|
+
bottom: 0,
|
|
36394
|
+
left: 0,
|
|
36395
|
+
right: 0,
|
|
36396
|
+
width: '100%',
|
|
36397
|
+
height: '100%',
|
|
36398
|
+
backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
|
|
36399
|
+
}),
|
|
36364
36400
|
slideshow_btn: glamor.css({
|
|
36365
36401
|
height: sectionproperties.generalbtn_height + 'px',
|
|
36366
36402
|
width: sectionproperties.generalbtn_width + 'px',
|
|
@@ -36423,13 +36459,15 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36423
36459
|
}))));
|
|
36424
36460
|
};
|
|
36425
36461
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36426
|
-
"class":
|
|
36462
|
+
"class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row m-0 w-100 d-flex justify-content-center align-items-center ',
|
|
36463
|
+
style: {
|
|
36464
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
36465
|
+
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
36466
|
+
}
|
|
36427
36467
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36428
|
-
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto'
|
|
36429
|
-
// class={'col-lg-12 p-0 d-flex justify-content-center'}
|
|
36430
|
-
,
|
|
36468
|
+
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex d-sm-none justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex d-sm-none justify-content-center h-md-auto h-sm-auto',
|
|
36431
36469
|
style: {
|
|
36432
|
-
height: sectionproperties.height + 'vh'
|
|
36470
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
|
|
36433
36471
|
}
|
|
36434
36472
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36435
36473
|
"class": "h-md-auto h-sm-auto",
|
|
@@ -36442,7 +36480,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36442
36480
|
width: sectionproperties.width + 'vw',
|
|
36443
36481
|
marginBottom: sectionproperties.marginBottom + 'px',
|
|
36444
36482
|
marginTop: sectionproperties.marginTop + 'px',
|
|
36445
|
-
height: sectionproperties.height + 'vh',
|
|
36483
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
|
|
36446
36484
|
overflow: 'hidden'
|
|
36447
36485
|
}
|
|
36448
36486
|
}, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
|
|
@@ -36458,10 +36496,10 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36458
36496
|
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36459
36497
|
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36460
36498
|
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36461
|
-
height: sectionproperties.height + 'vh'
|
|
36499
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
|
|
36462
36500
|
}
|
|
36463
36501
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36464
|
-
"class": '
|
|
36502
|
+
"class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto ',
|
|
36465
36503
|
key: index,
|
|
36466
36504
|
style: {
|
|
36467
36505
|
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
@@ -36490,13 +36528,112 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36490
36528
|
path: langdetect == 'en' ? item.imageen : item.imagear,
|
|
36491
36529
|
style: {
|
|
36492
36530
|
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36493
|
-
objectFit:
|
|
36531
|
+
objectFit: sectionproperties.bgcovercontain,
|
|
36494
36532
|
margin: 0,
|
|
36495
36533
|
padding: 0,
|
|
36496
36534
|
width: '100%',
|
|
36497
36535
|
height: '100%'
|
|
36498
36536
|
}
|
|
36499
36537
|
}), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36538
|
+
"class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-sm-flex ',
|
|
36539
|
+
key: index,
|
|
36540
|
+
style: {
|
|
36541
|
+
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36542
|
+
width: '100%',
|
|
36543
|
+
height: '100%',
|
|
36544
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36545
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36546
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36547
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36548
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
36549
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
|
|
36550
|
+
paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
|
|
36551
|
+
},
|
|
36552
|
+
onClick: function onClick() {
|
|
36553
|
+
if (item.IsClickableimg == 'Yes') {
|
|
36554
|
+
if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
|
|
36555
|
+
routingcountext(item.clickableimg_page_route, false, '');
|
|
36556
|
+
} else {
|
|
36557
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
|
|
36558
|
+
}
|
|
36559
|
+
}
|
|
36560
|
+
}
|
|
36561
|
+
}, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
|
|
36562
|
+
urlEndpoint: IKurlEndpoint,
|
|
36563
|
+
publicKey: IKpublicKey,
|
|
36564
|
+
path: langdetect == 'en' ? item.image_resp_en : item.image_resp_ar,
|
|
36565
|
+
style: {
|
|
36566
|
+
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36567
|
+
objectFit: 'contain',
|
|
36568
|
+
margin: 0,
|
|
36569
|
+
padding: 0,
|
|
36570
|
+
width: '100%',
|
|
36571
|
+
height: '100%'
|
|
36572
|
+
}
|
|
36573
|
+
}), SlideShowTextContainer(item)));
|
|
36574
|
+
})), cardarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36575
|
+
style: {
|
|
36576
|
+
position: 'absolute',
|
|
36577
|
+
left: 0,
|
|
36578
|
+
bottom: 60,
|
|
36579
|
+
zIndex: 100
|
|
36580
|
+
},
|
|
36581
|
+
"class": "row m-0 w-100 "
|
|
36582
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36583
|
+
"class": ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
|
|
36584
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
|
|
36585
|
+
itemClassName: "slideshowCard"
|
|
36586
|
+
// LeftArrow={LeftArrow}
|
|
36587
|
+
// RightArrow={RightArrow}
|
|
36588
|
+
,
|
|
36589
|
+
transitionDuration: 500,
|
|
36590
|
+
transitionEase: easingFunctions['linear'],
|
|
36591
|
+
scrollContainerClassName: 'scrollmenuclasssubscrollbar'
|
|
36592
|
+
}, Object.keys(cardarrayofobjs).length != 0 && cardarrayofobjs.map(function (cardItem, cardIndex) {
|
|
36593
|
+
var id = cardIndex;
|
|
36594
|
+
return /*#__PURE__*/React__default["default"].createElement(CardsArrayOfObjects, {
|
|
36595
|
+
title: id,
|
|
36596
|
+
itemId: id,
|
|
36597
|
+
key: id,
|
|
36598
|
+
cardItem: cardItem,
|
|
36599
|
+
sectionproperties: sectionproperties,
|
|
36600
|
+
props: props
|
|
36601
|
+
});
|
|
36602
|
+
})))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36603
|
+
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-none d-sm-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-none d-sm-flex justify-content-center h-md-auto h-sm-auto',
|
|
36604
|
+
style: {
|
|
36605
|
+
height: sectionproperties.height + 'vh'
|
|
36606
|
+
}
|
|
36607
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36608
|
+
"class": "h-md-auto h-sm-auto",
|
|
36609
|
+
style: {
|
|
36610
|
+
position: 'relative',
|
|
36611
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36612
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36613
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36614
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36615
|
+
width: sectionproperties.width + 'vw',
|
|
36616
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
36617
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
36618
|
+
height: sectionproperties.height + 'vh',
|
|
36619
|
+
overflow: 'hidden'
|
|
36620
|
+
}
|
|
36621
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
|
|
36622
|
+
transitionDuration: 1500,
|
|
36623
|
+
duration: 1500,
|
|
36624
|
+
arrow: true,
|
|
36625
|
+
easing: "ease"
|
|
36626
|
+
}), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
|
|
36627
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36628
|
+
"class": "row m-0 w-100 h-md-auto h-sm-auto",
|
|
36629
|
+
style: {
|
|
36630
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36631
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36632
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36633
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36634
|
+
height: sectionproperties.height + 'vh'
|
|
36635
|
+
}
|
|
36636
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36500
36637
|
"class": 'beforebg p-0 align-items-center d-none d-sm-flex ',
|
|
36501
36638
|
key: index,
|
|
36502
36639
|
style: {
|
package/dist/index.esm.js
CHANGED
|
@@ -9100,7 +9100,6 @@ var CardsSection = function CardsSection(props) {
|
|
|
9100
9100
|
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
9101
9101
|
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
9102
9102
|
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
9103
|
-
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
9104
9103
|
borderColor: sectionproperties.sectioncardbordercolor,
|
|
9105
9104
|
border: sectionproperties.sectioncardborderwidth + 'px solid'
|
|
9106
9105
|
}),
|
|
@@ -9383,12 +9382,14 @@ var CardsSection = function CardsSection(props) {
|
|
|
9383
9382
|
}))));
|
|
9384
9383
|
};
|
|
9385
9384
|
return /*#__PURE__*/React.createElement("div", {
|
|
9386
|
-
"class": ' row m-0 d-flex w-100
|
|
9385
|
+
"class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
|
|
9387
9386
|
style: {
|
|
9388
9387
|
zIndex: 2,
|
|
9389
9388
|
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
9390
9389
|
backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
|
|
9391
|
-
backgroundSize: 'cover'
|
|
9390
|
+
backgroundSize: 'cover',
|
|
9391
|
+
width: sectionproperties.width + 'vw',
|
|
9392
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
|
|
9392
9393
|
}
|
|
9393
9394
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
9394
9395
|
"class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
|
|
@@ -33609,7 +33610,7 @@ var Twobgimages = function Twobgimages(props) {
|
|
|
33609
33610
|
}, /*#__PURE__*/React.createElement("div", {
|
|
33610
33611
|
className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
|
|
33611
33612
|
style: {
|
|
33612
|
-
height: sectionproperties.image_height + 'vh'
|
|
33613
|
+
height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
|
|
33613
33614
|
}
|
|
33614
33615
|
}, /*#__PURE__*/React.createElement("div", {
|
|
33615
33616
|
className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
|
|
@@ -33620,7 +33621,7 @@ var Twobgimages = function Twobgimages(props) {
|
|
|
33620
33621
|
}, /*#__PURE__*/React.createElement(IKImage, {
|
|
33621
33622
|
urlEndpoint: IKurlEndpoint,
|
|
33622
33623
|
publicKey: IKpublicKey,
|
|
33623
|
-
path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
|
|
33624
|
+
path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? 'tr:w-0,h-0' + bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
|
|
33624
33625
|
className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
|
|
33625
33626
|
style: {
|
|
33626
33627
|
height: '100%',
|
|
@@ -33729,7 +33730,10 @@ var Twobgimages = function Twobgimages(props) {
|
|
|
33729
33730
|
}))));
|
|
33730
33731
|
};
|
|
33731
33732
|
return /*#__PURE__*/React.createElement("div", {
|
|
33732
|
-
className: "row m-0
|
|
33733
|
+
className: "row m-0",
|
|
33734
|
+
style: {
|
|
33735
|
+
width: sectionproperties.width + 'vw'
|
|
33736
|
+
}
|
|
33733
33737
|
}, /*#__PURE__*/React.createElement("div", {
|
|
33734
33738
|
className: "col-lg-12 p-0 d-flex d-md-none",
|
|
33735
33739
|
style: {
|
|
@@ -34031,7 +34035,7 @@ var AboutSection = function AboutSection(props) {
|
|
|
34031
34035
|
"class": "h-sm-auto",
|
|
34032
34036
|
urlEndpoint: IKurlEndpoint,
|
|
34033
34037
|
publicKey: IKpublicKey,
|
|
34034
|
-
path: bgimagesarray.length != 0 ?
|
|
34038
|
+
path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
|
|
34035
34039
|
style: {
|
|
34036
34040
|
width: '100%',
|
|
34037
34041
|
height: sectionproperties.image_height + 'px',
|
|
@@ -34863,8 +34867,9 @@ var Servicesection = function Servicesection(props) {
|
|
|
34863
34867
|
})
|
|
34864
34868
|
};
|
|
34865
34869
|
return /*#__PURE__*/React.createElement("div", {
|
|
34866
|
-
"class": ' row ml-0 mr-0
|
|
34870
|
+
"class": ' row ml-0 mr-0 align-items-center w-md-100 ',
|
|
34867
34871
|
style: {
|
|
34872
|
+
width: sectionproperties.width + 'vw',
|
|
34868
34873
|
marginTop: sectionproperties.marginTop + 'px',
|
|
34869
34874
|
marginBottom: sectionproperties.marginBottom + 'px',
|
|
34870
34875
|
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
@@ -34930,9 +34935,10 @@ var Servicesection = function Servicesection(props) {
|
|
|
34930
34935
|
}, /*#__PURE__*/React.createElement("div", {
|
|
34931
34936
|
"class": "m-lg-auto d-flex justify-content-center"
|
|
34932
34937
|
}, /*#__PURE__*/React.createElement("div", {
|
|
34938
|
+
"class": "d-flex d-sm-none",
|
|
34933
34939
|
style: {
|
|
34934
|
-
width:
|
|
34935
|
-
height:
|
|
34940
|
+
width: sectionproperties.image_width + 'px',
|
|
34941
|
+
height: sectionproperties.image_height + 'px',
|
|
34936
34942
|
marginBottom: 'auto',
|
|
34937
34943
|
marginRight: langdetect == 'en' ? '10px' : 0,
|
|
34938
34944
|
marginLeft: langdetect == 'ar' ? '10px' : 0
|
|
@@ -34947,14 +34953,32 @@ var Servicesection = function Servicesection(props) {
|
|
|
34947
34953
|
objectFit: 'cover'
|
|
34948
34954
|
}
|
|
34949
34955
|
})), /*#__PURE__*/React.createElement("div", {
|
|
34950
|
-
"class": "d-
|
|
34956
|
+
"class": "d-none d-sm-flex",
|
|
34957
|
+
style: {
|
|
34958
|
+
width: 35,
|
|
34959
|
+
height: 35,
|
|
34960
|
+
marginBottom: 'auto',
|
|
34961
|
+
marginRight: langdetect == 'en' ? '10px' : 0,
|
|
34962
|
+
marginLeft: langdetect == 'ar' ? '10px' : 0
|
|
34963
|
+
}
|
|
34964
|
+
}, /*#__PURE__*/React.createElement(IKImage, {
|
|
34965
|
+
urlEndpoint: IKurlEndpoint,
|
|
34966
|
+
publicKey: IKpublicKey,
|
|
34967
|
+
path: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
|
|
34968
|
+
style: {
|
|
34969
|
+
height: '100%',
|
|
34970
|
+
width: '100%',
|
|
34971
|
+
objectFit: 'contain'
|
|
34972
|
+
}
|
|
34973
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
34974
|
+
"class": sectionproperties.slideshowtext2_show == 'Show' ? 'd-flex flex-column' : 'd-flex flex-column align-items-center',
|
|
34951
34975
|
style: {
|
|
34952
34976
|
paddingLeft: langdetect == 'en' ? '10px' : 0,
|
|
34953
34977
|
paddingRight: langdetect == 'en' ? 0 : '10px',
|
|
34954
34978
|
flex: 1
|
|
34955
34979
|
}
|
|
34956
34980
|
}, /*#__PURE__*/React.createElement("p", {
|
|
34957
|
-
"class":
|
|
34981
|
+
"class": sectionproperties.slideshowtext2_show == 'Show' ? 'p-0 m-0 wordbreak wordbreak2' : 'p-0 m-0 wordbreak wordbreak2 mt-auto mb-auto',
|
|
34958
34982
|
style: {
|
|
34959
34983
|
color: sectionproperties.slideshowText1ContentColor,
|
|
34960
34984
|
fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
|
|
@@ -34962,7 +34986,7 @@ var Servicesection = function Servicesection(props) {
|
|
|
34962
34986
|
textTransform: sectionproperties.slideshowText1ContentTextTransform,
|
|
34963
34987
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
34964
34988
|
}
|
|
34965
|
-
}, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show && /*#__PURE__*/React.createElement("p", {
|
|
34989
|
+
}, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
34966
34990
|
"class": "m-0 wordbreak ",
|
|
34967
34991
|
style: {
|
|
34968
34992
|
color: sectionproperties.slideshowText2ContentColor,
|
|
@@ -36318,6 +36342,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36318
36342
|
scale: 1.4
|
|
36319
36343
|
};
|
|
36320
36344
|
var slideshow_styles = {
|
|
36345
|
+
beforebg: css({
|
|
36346
|
+
content: 's',
|
|
36347
|
+
fontSize: 0,
|
|
36348
|
+
position: 'absolute',
|
|
36349
|
+
top: 0,
|
|
36350
|
+
bottom: 0,
|
|
36351
|
+
left: 0,
|
|
36352
|
+
right: 0,
|
|
36353
|
+
width: '100%',
|
|
36354
|
+
height: '100%',
|
|
36355
|
+
backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
|
|
36356
|
+
}),
|
|
36321
36357
|
slideshow_btn: css({
|
|
36322
36358
|
height: sectionproperties.generalbtn_height + 'px',
|
|
36323
36359
|
width: sectionproperties.generalbtn_width + 'px',
|
|
@@ -36380,13 +36416,15 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36380
36416
|
}))));
|
|
36381
36417
|
};
|
|
36382
36418
|
return /*#__PURE__*/React.createElement("div", {
|
|
36383
|
-
"class":
|
|
36419
|
+
"class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row m-0 w-100 d-flex justify-content-center align-items-center ',
|
|
36420
|
+
style: {
|
|
36421
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
36422
|
+
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
36423
|
+
}
|
|
36384
36424
|
}, /*#__PURE__*/React.createElement("div", {
|
|
36385
|
-
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto'
|
|
36386
|
-
// class={'col-lg-12 p-0 d-flex justify-content-center'}
|
|
36387
|
-
,
|
|
36425
|
+
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex d-sm-none justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex d-sm-none justify-content-center h-md-auto h-sm-auto',
|
|
36388
36426
|
style: {
|
|
36389
|
-
height: sectionproperties.height + 'vh'
|
|
36427
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
|
|
36390
36428
|
}
|
|
36391
36429
|
}, /*#__PURE__*/React.createElement("div", {
|
|
36392
36430
|
"class": "h-md-auto h-sm-auto",
|
|
@@ -36399,7 +36437,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36399
36437
|
width: sectionproperties.width + 'vw',
|
|
36400
36438
|
marginBottom: sectionproperties.marginBottom + 'px',
|
|
36401
36439
|
marginTop: sectionproperties.marginTop + 'px',
|
|
36402
|
-
height: sectionproperties.height + 'vh',
|
|
36440
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
|
|
36403
36441
|
overflow: 'hidden'
|
|
36404
36442
|
}
|
|
36405
36443
|
}, /*#__PURE__*/React.createElement(Zoom, _extends({}, Slideshowsettings, {
|
|
@@ -36415,10 +36453,10 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36415
36453
|
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36416
36454
|
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36417
36455
|
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36418
|
-
height: sectionproperties.height + 'vh'
|
|
36456
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
|
|
36419
36457
|
}
|
|
36420
36458
|
}, /*#__PURE__*/React.createElement("div", {
|
|
36421
|
-
"class": '
|
|
36459
|
+
"class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto ',
|
|
36422
36460
|
key: index,
|
|
36423
36461
|
style: {
|
|
36424
36462
|
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
@@ -36447,13 +36485,112 @@ var Slideshowzoom = function Slideshowzoom(props) {
|
|
|
36447
36485
|
path: langdetect == 'en' ? item.imageen : item.imagear,
|
|
36448
36486
|
style: {
|
|
36449
36487
|
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36450
|
-
objectFit:
|
|
36488
|
+
objectFit: sectionproperties.bgcovercontain,
|
|
36451
36489
|
margin: 0,
|
|
36452
36490
|
padding: 0,
|
|
36453
36491
|
width: '100%',
|
|
36454
36492
|
height: '100%'
|
|
36455
36493
|
}
|
|
36456
36494
|
}), SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
|
|
36495
|
+
"class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-sm-flex ',
|
|
36496
|
+
key: index,
|
|
36497
|
+
style: {
|
|
36498
|
+
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36499
|
+
width: '100%',
|
|
36500
|
+
height: '100%',
|
|
36501
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36502
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36503
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36504
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36505
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
36506
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
|
|
36507
|
+
paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
|
|
36508
|
+
},
|
|
36509
|
+
onClick: function onClick() {
|
|
36510
|
+
if (item.IsClickableimg == 'Yes') {
|
|
36511
|
+
if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
|
|
36512
|
+
routingcountext(item.clickableimg_page_route, false, '');
|
|
36513
|
+
} else {
|
|
36514
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
|
|
36515
|
+
}
|
|
36516
|
+
}
|
|
36517
|
+
}
|
|
36518
|
+
}, /*#__PURE__*/React.createElement(IKImage, {
|
|
36519
|
+
urlEndpoint: IKurlEndpoint,
|
|
36520
|
+
publicKey: IKpublicKey,
|
|
36521
|
+
path: langdetect == 'en' ? item.image_resp_en : item.image_resp_ar,
|
|
36522
|
+
style: {
|
|
36523
|
+
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36524
|
+
objectFit: 'contain',
|
|
36525
|
+
margin: 0,
|
|
36526
|
+
padding: 0,
|
|
36527
|
+
width: '100%',
|
|
36528
|
+
height: '100%'
|
|
36529
|
+
}
|
|
36530
|
+
}), SlideShowTextContainer(item)));
|
|
36531
|
+
})), cardarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
36532
|
+
style: {
|
|
36533
|
+
position: 'absolute',
|
|
36534
|
+
left: 0,
|
|
36535
|
+
bottom: 60,
|
|
36536
|
+
zIndex: 100
|
|
36537
|
+
},
|
|
36538
|
+
"class": "row m-0 w-100 "
|
|
36539
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
36540
|
+
"class": ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
|
|
36541
|
+
}, /*#__PURE__*/React.createElement(ScrollMenu, {
|
|
36542
|
+
itemClassName: "slideshowCard"
|
|
36543
|
+
// LeftArrow={LeftArrow}
|
|
36544
|
+
// RightArrow={RightArrow}
|
|
36545
|
+
,
|
|
36546
|
+
transitionDuration: 500,
|
|
36547
|
+
transitionEase: easingFunctions['linear'],
|
|
36548
|
+
scrollContainerClassName: 'scrollmenuclasssubscrollbar'
|
|
36549
|
+
}, Object.keys(cardarrayofobjs).length != 0 && cardarrayofobjs.map(function (cardItem, cardIndex) {
|
|
36550
|
+
var id = cardIndex;
|
|
36551
|
+
return /*#__PURE__*/React.createElement(CardsArrayOfObjects, {
|
|
36552
|
+
title: id,
|
|
36553
|
+
itemId: id,
|
|
36554
|
+
key: id,
|
|
36555
|
+
cardItem: cardItem,
|
|
36556
|
+
sectionproperties: sectionproperties,
|
|
36557
|
+
props: props
|
|
36558
|
+
});
|
|
36559
|
+
})))))), /*#__PURE__*/React.createElement("div", {
|
|
36560
|
+
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-none d-sm-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-none d-sm-flex justify-content-center h-md-auto h-sm-auto',
|
|
36561
|
+
style: {
|
|
36562
|
+
height: sectionproperties.height + 'vh'
|
|
36563
|
+
}
|
|
36564
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
36565
|
+
"class": "h-md-auto h-sm-auto",
|
|
36566
|
+
style: {
|
|
36567
|
+
position: 'relative',
|
|
36568
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36569
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36570
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36571
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36572
|
+
width: sectionproperties.width + 'vw',
|
|
36573
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
36574
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
36575
|
+
height: sectionproperties.height + 'vh',
|
|
36576
|
+
overflow: 'hidden'
|
|
36577
|
+
}
|
|
36578
|
+
}, /*#__PURE__*/React.createElement(Zoom, _extends({}, Slideshowsettings, {
|
|
36579
|
+
transitionDuration: 1500,
|
|
36580
|
+
duration: 1500,
|
|
36581
|
+
arrow: true,
|
|
36582
|
+
easing: "ease"
|
|
36583
|
+
}), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
|
|
36584
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
36585
|
+
"class": "row m-0 w-100 h-md-auto h-sm-auto",
|
|
36586
|
+
style: {
|
|
36587
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36588
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36589
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36590
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36591
|
+
height: sectionproperties.height + 'vh'
|
|
36592
|
+
}
|
|
36593
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
36457
36594
|
"class": 'beforebg p-0 align-items-center d-none d-sm-flex ',
|
|
36458
36595
|
key: index,
|
|
36459
36596
|
style: {
|
package/dist/index.umd.js
CHANGED
|
@@ -9011,7 +9011,6 @@
|
|
|
9011
9011
|
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
9012
9012
|
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
9013
9013
|
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
9014
|
-
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
9015
9014
|
borderColor: sectionproperties.sectioncardbordercolor,
|
|
9016
9015
|
border: sectionproperties.sectioncardborderwidth + 'px solid'
|
|
9017
9016
|
}),
|
|
@@ -9294,12 +9293,14 @@
|
|
|
9294
9293
|
}))));
|
|
9295
9294
|
};
|
|
9296
9295
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
9297
|
-
"class": ' row m-0 d-flex w-100
|
|
9296
|
+
"class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
|
|
9298
9297
|
style: {
|
|
9299
9298
|
zIndex: 2,
|
|
9300
9299
|
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
9301
9300
|
backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
|
|
9302
|
-
backgroundSize: 'cover'
|
|
9301
|
+
backgroundSize: 'cover',
|
|
9302
|
+
width: sectionproperties.width + 'vw',
|
|
9303
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
|
|
9303
9304
|
}
|
|
9304
9305
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
9305
9306
|
"class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
|
|
@@ -33520,7 +33521,7 @@
|
|
|
33520
33521
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33521
33522
|
className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'col-lg-12 p-0 h-md-auto' : 'col-lg-12 p-0',
|
|
33522
33523
|
style: {
|
|
33523
|
-
height: sectionproperties.image_height + 'vh'
|
|
33524
|
+
height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
|
|
33524
33525
|
}
|
|
33525
33526
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33526
33527
|
className: "".concat(bgcssstyles.bgimage) + ' d-md-flex d-sm-none ',
|
|
@@ -33531,7 +33532,7 @@
|
|
|
33531
33532
|
}, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
|
|
33532
33533
|
urlEndpoint: IKurlEndpoint,
|
|
33533
33534
|
publicKey: IKpublicKey,
|
|
33534
|
-
path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
|
|
33535
|
+
path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? 'tr:w-0,h-0' + bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
|
|
33535
33536
|
className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
|
|
33536
33537
|
style: {
|
|
33537
33538
|
height: '100%',
|
|
@@ -33640,7 +33641,10 @@
|
|
|
33640
33641
|
}))));
|
|
33641
33642
|
};
|
|
33642
33643
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33643
|
-
className: "row m-0
|
|
33644
|
+
className: "row m-0",
|
|
33645
|
+
style: {
|
|
33646
|
+
width: sectionproperties.width + 'vw'
|
|
33647
|
+
}
|
|
33644
33648
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33645
33649
|
className: "col-lg-12 p-0 d-flex d-md-none",
|
|
33646
33650
|
style: {
|
|
@@ -33942,7 +33946,7 @@
|
|
|
33942
33946
|
"class": "h-sm-auto",
|
|
33943
33947
|
urlEndpoint: IKurlEndpoint,
|
|
33944
33948
|
publicKey: IKpublicKey,
|
|
33945
|
-
path: bgimagesarray.length != 0 ?
|
|
33949
|
+
path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
|
|
33946
33950
|
style: {
|
|
33947
33951
|
width: '100%',
|
|
33948
33952
|
height: sectionproperties.image_height + 'px',
|
|
@@ -34774,8 +34778,9 @@
|
|
|
34774
34778
|
})
|
|
34775
34779
|
};
|
|
34776
34780
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34777
|
-
"class": ' row ml-0 mr-0
|
|
34781
|
+
"class": ' row ml-0 mr-0 align-items-center w-md-100 ',
|
|
34778
34782
|
style: {
|
|
34783
|
+
width: sectionproperties.width + 'vw',
|
|
34779
34784
|
marginTop: sectionproperties.marginTop + 'px',
|
|
34780
34785
|
marginBottom: sectionproperties.marginBottom + 'px',
|
|
34781
34786
|
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
@@ -34841,9 +34846,10 @@
|
|
|
34841
34846
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34842
34847
|
"class": "m-lg-auto d-flex justify-content-center"
|
|
34843
34848
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34849
|
+
"class": "d-flex d-sm-none",
|
|
34844
34850
|
style: {
|
|
34845
|
-
width:
|
|
34846
|
-
height:
|
|
34851
|
+
width: sectionproperties.image_width + 'px',
|
|
34852
|
+
height: sectionproperties.image_height + 'px',
|
|
34847
34853
|
marginBottom: 'auto',
|
|
34848
34854
|
marginRight: langdetect == 'en' ? '10px' : 0,
|
|
34849
34855
|
marginLeft: langdetect == 'ar' ? '10px' : 0
|
|
@@ -34858,14 +34864,32 @@
|
|
|
34858
34864
|
objectFit: 'cover'
|
|
34859
34865
|
}
|
|
34860
34866
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34861
|
-
"class": "d-
|
|
34867
|
+
"class": "d-none d-sm-flex",
|
|
34868
|
+
style: {
|
|
34869
|
+
width: 35,
|
|
34870
|
+
height: 35,
|
|
34871
|
+
marginBottom: 'auto',
|
|
34872
|
+
marginRight: langdetect == 'en' ? '10px' : 0,
|
|
34873
|
+
marginLeft: langdetect == 'ar' ? '10px' : 0
|
|
34874
|
+
}
|
|
34875
|
+
}, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
|
|
34876
|
+
urlEndpoint: IKurlEndpoint,
|
|
34877
|
+
publicKey: IKpublicKey,
|
|
34878
|
+
path: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
|
|
34879
|
+
style: {
|
|
34880
|
+
height: '100%',
|
|
34881
|
+
width: '100%',
|
|
34882
|
+
objectFit: 'contain'
|
|
34883
|
+
}
|
|
34884
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34885
|
+
"class": sectionproperties.slideshowtext2_show == 'Show' ? 'd-flex flex-column' : 'd-flex flex-column align-items-center',
|
|
34862
34886
|
style: {
|
|
34863
34887
|
paddingLeft: langdetect == 'en' ? '10px' : 0,
|
|
34864
34888
|
paddingRight: langdetect == 'en' ? 0 : '10px',
|
|
34865
34889
|
flex: 1
|
|
34866
34890
|
}
|
|
34867
34891
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
34868
|
-
"class":
|
|
34892
|
+
"class": sectionproperties.slideshowtext2_show == 'Show' ? 'p-0 m-0 wordbreak wordbreak2' : 'p-0 m-0 wordbreak wordbreak2 mt-auto mb-auto',
|
|
34869
34893
|
style: {
|
|
34870
34894
|
color: sectionproperties.slideshowText1ContentColor,
|
|
34871
34895
|
fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
|
|
@@ -34873,7 +34897,7 @@
|
|
|
34873
34897
|
textTransform: sectionproperties.slideshowText1ContentTextTransform,
|
|
34874
34898
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
34875
34899
|
}
|
|
34876
|
-
}, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
34900
|
+
}, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
34877
34901
|
"class": "m-0 wordbreak ",
|
|
34878
34902
|
style: {
|
|
34879
34903
|
color: sectionproperties.slideshowText2ContentColor,
|
|
@@ -36229,6 +36253,18 @@
|
|
|
36229
36253
|
scale: 1.4
|
|
36230
36254
|
};
|
|
36231
36255
|
var slideshow_styles = {
|
|
36256
|
+
beforebg: glamor.css({
|
|
36257
|
+
content: 's',
|
|
36258
|
+
fontSize: 0,
|
|
36259
|
+
position: 'absolute',
|
|
36260
|
+
top: 0,
|
|
36261
|
+
bottom: 0,
|
|
36262
|
+
left: 0,
|
|
36263
|
+
right: 0,
|
|
36264
|
+
width: '100%',
|
|
36265
|
+
height: '100%',
|
|
36266
|
+
backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
|
|
36267
|
+
}),
|
|
36232
36268
|
slideshow_btn: glamor.css({
|
|
36233
36269
|
height: sectionproperties.generalbtn_height + 'px',
|
|
36234
36270
|
width: sectionproperties.generalbtn_width + 'px',
|
|
@@ -36291,13 +36327,15 @@
|
|
|
36291
36327
|
}))));
|
|
36292
36328
|
};
|
|
36293
36329
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36294
|
-
"class":
|
|
36330
|
+
"class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row m-0 w-100 d-flex justify-content-center align-items-center ',
|
|
36331
|
+
style: {
|
|
36332
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
36333
|
+
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
36334
|
+
}
|
|
36295
36335
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36296
|
-
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto'
|
|
36297
|
-
// class={'col-lg-12 p-0 d-flex justify-content-center'}
|
|
36298
|
-
,
|
|
36336
|
+
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex d-sm-none justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-flex d-sm-none justify-content-center h-md-auto h-sm-auto',
|
|
36299
36337
|
style: {
|
|
36300
|
-
height: sectionproperties.height + 'vh'
|
|
36338
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
|
|
36301
36339
|
}
|
|
36302
36340
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36303
36341
|
"class": "h-md-auto h-sm-auto",
|
|
@@ -36310,7 +36348,7 @@
|
|
|
36310
36348
|
width: sectionproperties.width + 'vw',
|
|
36311
36349
|
marginBottom: sectionproperties.marginBottom + 'px',
|
|
36312
36350
|
marginTop: sectionproperties.marginTop + 'px',
|
|
36313
|
-
height: sectionproperties.height + 'vh',
|
|
36351
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
|
|
36314
36352
|
overflow: 'hidden'
|
|
36315
36353
|
}
|
|
36316
36354
|
}, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
|
|
@@ -36326,10 +36364,10 @@
|
|
|
36326
36364
|
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36327
36365
|
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36328
36366
|
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36329
|
-
height: sectionproperties.height + 'vh'
|
|
36367
|
+
height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
|
|
36330
36368
|
}
|
|
36331
36369
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36332
|
-
"class": '
|
|
36370
|
+
"class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-sm-none h-md-auto h-sm-auto ',
|
|
36333
36371
|
key: index,
|
|
36334
36372
|
style: {
|
|
36335
36373
|
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
@@ -36358,13 +36396,112 @@
|
|
|
36358
36396
|
path: langdetect == 'en' ? item.imageen : item.imagear,
|
|
36359
36397
|
style: {
|
|
36360
36398
|
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36361
|
-
objectFit:
|
|
36399
|
+
objectFit: sectionproperties.bgcovercontain,
|
|
36362
36400
|
margin: 0,
|
|
36363
36401
|
padding: 0,
|
|
36364
36402
|
width: '100%',
|
|
36365
36403
|
height: '100%'
|
|
36366
36404
|
}
|
|
36367
36405
|
}), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36406
|
+
"class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-sm-flex ',
|
|
36407
|
+
key: index,
|
|
36408
|
+
style: {
|
|
36409
|
+
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36410
|
+
width: '100%',
|
|
36411
|
+
height: '100%',
|
|
36412
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36413
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36414
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36415
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36416
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
36417
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
|
|
36418
|
+
paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
|
|
36419
|
+
},
|
|
36420
|
+
onClick: function onClick() {
|
|
36421
|
+
if (item.IsClickableimg == 'Yes') {
|
|
36422
|
+
if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
|
|
36423
|
+
routingcountext(item.clickableimg_page_route, false, '');
|
|
36424
|
+
} else {
|
|
36425
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
|
|
36426
|
+
}
|
|
36427
|
+
}
|
|
36428
|
+
}
|
|
36429
|
+
}, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
|
|
36430
|
+
urlEndpoint: IKurlEndpoint,
|
|
36431
|
+
publicKey: IKpublicKey,
|
|
36432
|
+
path: langdetect == 'en' ? item.image_resp_en : item.image_resp_ar,
|
|
36433
|
+
style: {
|
|
36434
|
+
cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
|
|
36435
|
+
objectFit: 'contain',
|
|
36436
|
+
margin: 0,
|
|
36437
|
+
padding: 0,
|
|
36438
|
+
width: '100%',
|
|
36439
|
+
height: '100%'
|
|
36440
|
+
}
|
|
36441
|
+
}), SlideShowTextContainer(item)));
|
|
36442
|
+
})), cardarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36443
|
+
style: {
|
|
36444
|
+
position: 'absolute',
|
|
36445
|
+
left: 0,
|
|
36446
|
+
bottom: 60,
|
|
36447
|
+
zIndex: 100
|
|
36448
|
+
},
|
|
36449
|
+
"class": "row m-0 w-100 "
|
|
36450
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36451
|
+
"class": ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
|
|
36452
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
|
|
36453
|
+
itemClassName: "slideshowCard"
|
|
36454
|
+
// LeftArrow={LeftArrow}
|
|
36455
|
+
// RightArrow={RightArrow}
|
|
36456
|
+
,
|
|
36457
|
+
transitionDuration: 500,
|
|
36458
|
+
transitionEase: easingFunctions['linear'],
|
|
36459
|
+
scrollContainerClassName: 'scrollmenuclasssubscrollbar'
|
|
36460
|
+
}, Object.keys(cardarrayofobjs).length != 0 && cardarrayofobjs.map(function (cardItem, cardIndex) {
|
|
36461
|
+
var id = cardIndex;
|
|
36462
|
+
return /*#__PURE__*/React__default["default"].createElement(CardsArrayOfObjects, {
|
|
36463
|
+
title: id,
|
|
36464
|
+
itemId: id,
|
|
36465
|
+
key: id,
|
|
36466
|
+
cardItem: cardItem,
|
|
36467
|
+
sectionproperties: sectionproperties,
|
|
36468
|
+
props: props
|
|
36469
|
+
});
|
|
36470
|
+
})))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36471
|
+
"class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-none d-sm-flex justify-content-center h-md-auto h-sm-auto' : 'col-lg-12 p-0 d-none d-sm-flex justify-content-center h-md-auto h-sm-auto',
|
|
36472
|
+
style: {
|
|
36473
|
+
height: sectionproperties.height + 'vh'
|
|
36474
|
+
}
|
|
36475
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36476
|
+
"class": "h-md-auto h-sm-auto",
|
|
36477
|
+
style: {
|
|
36478
|
+
position: 'relative',
|
|
36479
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36480
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36481
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36482
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36483
|
+
width: sectionproperties.width + 'vw',
|
|
36484
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
36485
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
36486
|
+
height: sectionproperties.height + 'vh',
|
|
36487
|
+
overflow: 'hidden'
|
|
36488
|
+
}
|
|
36489
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
|
|
36490
|
+
transitionDuration: 1500,
|
|
36491
|
+
duration: 1500,
|
|
36492
|
+
arrow: true,
|
|
36493
|
+
easing: "ease"
|
|
36494
|
+
}), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
|
|
36495
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36496
|
+
"class": "row m-0 w-100 h-md-auto h-sm-auto",
|
|
36497
|
+
style: {
|
|
36498
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
36499
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
36500
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
36501
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
36502
|
+
height: sectionproperties.height + 'vh'
|
|
36503
|
+
}
|
|
36504
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36368
36505
|
"class": 'beforebg p-0 align-items-center d-none d-sm-flex ',
|
|
36369
36506
|
key: index,
|
|
36370
36507
|
style: {
|