tabexseriescomponents 0.0.146 → 0.0.148

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 CHANGED
@@ -1084,7 +1084,7 @@ var Product_itemtype = function Product_itemtype(props) {
1084
1084
  itemobj.decriptionlang = 'ar';
1085
1085
  }
1086
1086
  setitem(itemobj);
1087
- settitle(fetchProductInfoQueryContext.data.data.productinfo.description_en);
1087
+ settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
1088
1088
  setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinfo/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
1089
1089
  }, [props.itemprops]);
1090
1090
  function stringIsEnglish(str) {
@@ -1113,7 +1113,7 @@ var Product_itemtype = function Product_itemtype(props) {
1113
1113
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1114
1114
  className: 'row m-0 w-100'
1115
1115
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1116
- className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1116
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
1117
1117
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1118
1118
  className: "col-lg-12 p-0 ",
1119
1119
  style: {
@@ -1126,16 +1126,21 @@ var Product_itemtype = function Product_itemtype(props) {
1126
1126
  showNav: false,
1127
1127
  showPlayButton: false,
1128
1128
  showFullscreenButton: true
1129
- })), /*#__PURE__*/React__default["default"].createElement("div", {
1130
- "class": "col-lg-12 mt-4"
1129
+ })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1130
+ "class": "col-lg-12 mt-5 mt-md-4"
1131
1131
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1132
1132
  "class": "row m-0 w-100"
1133
1133
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1134
- "class": "col-lg-12 d-flex justify-content-start"
1134
+ "class": "col-lg-12 d-flex justify-content-center"
1135
1135
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1136
- "class": "m-0 p-0"
1137
- }, langdetect == 'en' ? 'Share this product' : 'مشاركة هذا المنتج')), /*#__PURE__*/React__default["default"].createElement("div", {
1138
- className: "Demo__container row m-0 align-items-center d-flex mt-2"
1136
+ "class": "m-0 p-0",
1137
+ style: {
1138
+ fontWeight: sectionproperties.sharebtn_FontWeight,
1139
+ color: sectionproperties.sharebtn_color,
1140
+ fontSize: sectionproperties.sharebtn_fontSize + 'px'
1141
+ }
1142
+ }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
1143
+ className: "Demo__container row m-0 w-100 allcentered mt-2"
1139
1144
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1140
1145
  className: "Demo__some-network ml-2 mr-2"
1141
1146
  }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
@@ -1302,7 +1307,7 @@ var Product_itemtype = function Product_itemtype(props) {
1302
1307
  }
1303
1308
  }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
1304
1309
  return /*#__PURE__*/React__default["default"].createElement("div", {
1305
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer ',
1310
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
1306
1311
  style: {
1307
1312
  backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
1308
1313
  minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
@@ -1310,7 +1315,7 @@ var Product_itemtype = function Product_itemtype(props) {
1310
1315
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1311
1316
  }
1312
1317
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1313
- className: 'm-0 p-0 d-flex align-items-center justify-content-start font-weight-500',
1318
+ className: 'm-0 p-0 allcentered font-weight-500',
1314
1319
  style: {
1315
1320
  color: sectionproperties.variantcontainer_color,
1316
1321
  fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -1365,7 +1370,7 @@ var Product_itemtype = function Product_itemtype(props) {
1365
1370
  });
1366
1371
  } else if (item.optionname == 'size') {
1367
1372
  return /*#__PURE__*/React__default["default"].createElement("div", {
1368
- className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1373
+ className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1369
1374
  onClick: function onClick() {
1370
1375
  if (optionvaluesitem.isenabled == 1) {
1371
1376
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1387,7 +1392,7 @@ var Product_itemtype = function Product_itemtype(props) {
1387
1392
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1388
1393
  } else {
1389
1394
  return /*#__PURE__*/React__default["default"].createElement("div", {
1390
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1395
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1391
1396
  onClick: function onClick() {
1392
1397
  if (optionvaluesitem.isenabled == 1) {
1393
1398
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -33286,23 +33291,15 @@ var Section_with_rightbgcont = function Section_with_rightbgcont(props) {
33286
33291
  var routingcountext = props.actions.routingcountext;
33287
33292
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
33288
33293
  React.useEffect(function () {
33289
- if (props.srcfrom == 'addsectionform') {
33290
- var secpropobj = {};
33291
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
33292
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
33293
- });
33294
- setsectionproperties(_objectSpread$P({}, secpropobj));
33295
- } else {
33296
- var secpropobj = {};
33297
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
33298
- if (sectionitem.sectionid == props.sectionidprops) {
33299
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
33300
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
33301
- });
33302
- }
33303
- });
33304
- setsectionproperties(_objectSpread$P({}, secpropobj));
33305
- }
33294
+ var secpropobj = {};
33295
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
33296
+ if (sectionitem.sectionid == props.sectionidprops) {
33297
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
33298
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
33299
+ });
33300
+ }
33301
+ });
33302
+ setsectionproperties(_objectSpread$P({}, secpropobj));
33306
33303
  }, [StatePagePropertiesContext]);
33307
33304
  React.useEffect(function () {
33308
33305
  if (sectionproperties.length != 0) {
@@ -34844,6 +34841,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
34844
34841
  }
34845
34842
  }, [sectionproperties]);
34846
34843
  var section_styles = {
34844
+ sectiontitlespan: glamor.css({
34845
+ ':after': {
34846
+ height: '5px',
34847
+ width: '5%',
34848
+ backgroundColor: 'red'
34849
+ }
34850
+ }),
34847
34851
  btn: glamor.css({
34848
34852
  width: sectionproperties.generalbtn_width + 'px',
34849
34853
  height: sectionproperties.generalbtn_height + 'px',
@@ -34866,8 +34870,84 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
34866
34870
  }
34867
34871
  })
34868
34872
  };
34873
+ var SectionTitle = function SectionTitle() {
34874
+ return /*#__PURE__*/React__default["default"].createElement("p", {
34875
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
34876
+ style: {
34877
+ color: sectionproperties.sectionTitleColor,
34878
+ fontWeight: sectionproperties.sectionTitleFontWeight,
34879
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
34880
+ }
34881
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar);
34882
+ };
34883
+ var Content = function Content() {
34884
+ return /*#__PURE__*/React__default["default"].createElement("div", {
34885
+ "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
34886
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34887
+ "class": "row m-0 w-100 mb-auto"
34888
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34889
+ "class": "col-lg-12 p-0 d-flex justify-content-md-center",
34890
+ style: {
34891
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34892
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
34893
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px'
34894
+ }
34895
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34896
+ "class": "d-flex align-items-center flex-row d-sm-none",
34897
+ style: {
34898
+ position: 'relative',
34899
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34900
+ fontSize: sectionproperties.sectionTitleFontSize + 'px'
34901
+ }
34902
+ }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
34903
+ "class": "d-none align-items-center flex-row d-sm-flex",
34904
+ style: {
34905
+ position: 'relative',
34906
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34907
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
34908
+ }
34909
+ }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
34910
+ "class": "col-lg-12 p-0 d-flex justify-content-md-center"
34911
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34912
+ "class": "p-0 text-md-center",
34913
+ style: {
34914
+ textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
34915
+ color: sectionproperties.slideshowText2ContentColor,
34916
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
34917
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
34918
+ paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
34919
+ paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
34920
+ },
34921
+ dangerouslySetInnerHTML: {
34922
+ __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
34923
+ }
34924
+ })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34925
+ "class": "col-lg-12 p-0"
34926
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
34927
+ "class": "".concat(section_styles.btn)
34928
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
34929
+ };
34930
+ var Image = function Image() {
34931
+ return /*#__PURE__*/React__default["default"].createElement("div", {
34932
+ "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
34933
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34934
+ urlEndpoint: IKurlEndpoint,
34935
+ publicKey: IKpublicKey,
34936
+ path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
34937
+ style: {
34938
+ objectFit: sectionproperties.bgcovercontain,
34939
+ margin: 0,
34940
+ padding: 0,
34941
+ height: sectionproperties.image_height + 'px',
34942
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
34943
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
34944
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
34945
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
34946
+ }
34947
+ }));
34948
+ };
34869
34949
  return /*#__PURE__*/React__default["default"].createElement("div", {
34870
- "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center pl-md-3 pr-md-3',
34950
+ "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3',
34871
34951
  style: {
34872
34952
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
34873
34953
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -34879,61 +34959,18 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
34879
34959
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
34880
34960
  borderTopRightRadius: sectionproperties.borderTopLeftRadius + 'px',
34881
34961
  borderBottomLeftRadius: sectionproperties.borderBottomRightRadius + 'px',
34882
- borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px'
34962
+ borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px',
34963
+ width: sectionproperties.width + 'vw'
34883
34964
  }
34965
+ }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34966
+ "class": "col-lg-12 p-0"
34884
34967
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34885
- "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
34886
- }, /*#__PURE__*/React__default["default"].createElement("div", {
34887
- "class": "row m-0 w-100 mb-auto"
34888
- }, /*#__PURE__*/React__default["default"].createElement("div", {
34889
- "class": "col-lg-12 p-0 d-flex justify-content-md-center",
34890
- style: {
34891
- justifyContent: sectionproperties.text1centered == 'Centered' ? 'center' : 'start'
34892
- }
34893
- }, /*#__PURE__*/React__default["default"].createElement("p", {
34894
- style: {
34895
- color: sectionproperties.slideshowText1ContentColor,
34896
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
34897
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
34898
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
34899
- marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
34900
- }
34901
- }, langdetect == 'en' ? sectionproperties.slideshowText1Content : sectionproperties.slideshowText1Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
34902
- "class": "col-lg-12 p-0 d-flex justify-content-md-center"
34903
- }, /*#__PURE__*/React__default["default"].createElement("p", {
34904
- "class": "p-0 text-md-center",
34905
- style: {
34906
- textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
34907
- color: sectionproperties.slideshowText2ContentColor,
34908
- fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
34909
- fontWeight: sectionproperties.slideshowText2ContentFontWeight,
34910
- paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
34911
- paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
34912
- },
34913
- dangerouslySetInnerHTML: {
34914
- __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
34915
- }
34916
- })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34968
+ "class": "row m-0 w-100"
34969
+ }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34917
34970
  "class": "col-lg-12 p-0"
34918
- }, /*#__PURE__*/React__default["default"].createElement("button", {
34919
- "class": "".concat(section_styles.btn)
34920
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
34921
- "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
34922
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34923
- urlEndpoint: IKurlEndpoint,
34924
- publicKey: IKpublicKey,
34925
- path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
34926
- style: {
34927
- objectFit: 'contain',
34928
- margin: 0,
34929
- padding: 0,
34930
- height: '400px',
34931
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
34932
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
34933
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
34934
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
34935
- }
34936
- })));
34971
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34972
+ "class": "row m-0 w-100"
34973
+ }, Image(), Content())));
34937
34974
  };
34938
34975
 
34939
34976
  function ownKeys$H(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; }
@@ -35445,12 +35482,13 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35445
35482
  border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
35446
35483
  }
35447
35484
  }, /*#__PURE__*/React__default["default"].createElement("div", {
35448
- "class": "col-lg-12 allcentered p-0",
35485
+ "class": "col-lg-12 d-flex align-items-center p-0",
35449
35486
  style: {
35450
- marginBottom: sectionproperties.image_mb + 'px'
35487
+ marginBottom: sectionproperties.image_mb + 'px',
35488
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35451
35489
  }
35452
35490
  }, /*#__PURE__*/React__default["default"].createElement("div", {
35453
- "class": "allcentered",
35491
+ "class": "d-flex align-items-center",
35454
35492
  style: {
35455
35493
  width: sectionproperties.image_width + 'px',
35456
35494
  height: sectionproperties.image_height + 'px',
@@ -35458,7 +35496,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35458
35496
  borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
35459
35497
  borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
35460
35498
  borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
35461
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
35499
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
35500
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35462
35501
  }
35463
35502
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
35464
35503
  urlEndpoint: IKurlEndpoint,
@@ -35470,25 +35509,31 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35470
35509
  objectFit: 'contain'
35471
35510
  }
35472
35511
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
35473
- "class": "col-lg-12 d-flex justify-content-center p-0",
35512
+ "class": "col-lg-12 d-flex p-0",
35474
35513
  style: {
35475
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px'
35514
+ marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
35515
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35476
35516
  }
35477
35517
  }, /*#__PURE__*/React__default["default"].createElement("p", {
35478
- "class": "p-0 m-0 wordbreak wordbreak-noellipsis text-center",
35518
+ "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
35479
35519
  style: {
35480
35520
  color: sectionproperties.slideshowText1ContentColor,
35481
35521
  fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
35482
- fontWeight: sectionproperties.slideshowText1ContentFontWeight
35522
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
35523
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
35483
35524
  }
35484
35525
  }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
35485
- "class": "col-lg-12 d-flex justify-content-center p-0"
35526
+ "class": "col-lg-12 d-flex p-0",
35527
+ style: {
35528
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35529
+ }
35486
35530
  }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
35487
- "class": "m-0 wordbreak text-center",
35531
+ "class": "m-0 wordbreak",
35488
35532
  style: {
35489
35533
  color: sectionproperties.slideshowText2ContentColor,
35490
35534
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
35491
- fontWeight: sectionproperties.slideshowText2ContentFontWeight
35535
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
35536
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
35492
35537
  }
35493
35538
  }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
35494
35539
  })));
package/dist/index.esm.js CHANGED
@@ -1041,7 +1041,7 @@ var Product_itemtype = function Product_itemtype(props) {
1041
1041
  itemobj.decriptionlang = 'ar';
1042
1042
  }
1043
1043
  setitem(itemobj);
1044
- settitle(fetchProductInfoQueryContext.data.data.productinfo.description_en);
1044
+ settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
1045
1045
  setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinfo/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
1046
1046
  }, [props.itemprops]);
1047
1047
  function stringIsEnglish(str) {
@@ -1070,7 +1070,7 @@ var Product_itemtype = function Product_itemtype(props) {
1070
1070
  }, /*#__PURE__*/React.createElement("div", {
1071
1071
  className: 'row m-0 w-100'
1072
1072
  }, /*#__PURE__*/React.createElement("div", {
1073
- className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1073
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
1074
1074
  }, /*#__PURE__*/React.createElement("div", {
1075
1075
  className: "col-lg-12 p-0 ",
1076
1076
  style: {
@@ -1083,16 +1083,21 @@ var Product_itemtype = function Product_itemtype(props) {
1083
1083
  showNav: false,
1084
1084
  showPlayButton: false,
1085
1085
  showFullscreenButton: true
1086
- })), /*#__PURE__*/React.createElement("div", {
1087
- "class": "col-lg-12 mt-4"
1086
+ })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
1087
+ "class": "col-lg-12 mt-5 mt-md-4"
1088
1088
  }, /*#__PURE__*/React.createElement("div", {
1089
1089
  "class": "row m-0 w-100"
1090
1090
  }, /*#__PURE__*/React.createElement("div", {
1091
- "class": "col-lg-12 d-flex justify-content-start"
1091
+ "class": "col-lg-12 d-flex justify-content-center"
1092
1092
  }, /*#__PURE__*/React.createElement("p", {
1093
- "class": "m-0 p-0"
1094
- }, langdetect == 'en' ? 'Share this product' : 'مشاركة هذا المنتج')), /*#__PURE__*/React.createElement("div", {
1095
- className: "Demo__container row m-0 align-items-center d-flex mt-2"
1093
+ "class": "m-0 p-0",
1094
+ style: {
1095
+ fontWeight: sectionproperties.sharebtn_FontWeight,
1096
+ color: sectionproperties.sharebtn_color,
1097
+ fontSize: sectionproperties.sharebtn_fontSize + 'px'
1098
+ }
1099
+ }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React.createElement("div", {
1100
+ className: "Demo__container row m-0 w-100 allcentered mt-2"
1096
1101
  }, /*#__PURE__*/React.createElement("div", {
1097
1102
  className: "Demo__some-network ml-2 mr-2"
1098
1103
  }, /*#__PURE__*/React.createElement(FacebookShareButton, {
@@ -1259,7 +1264,7 @@ var Product_itemtype = function Product_itemtype(props) {
1259
1264
  }
1260
1265
  }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
1261
1266
  return /*#__PURE__*/React.createElement("div", {
1262
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer ',
1267
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
1263
1268
  style: {
1264
1269
  backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
1265
1270
  minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
@@ -1267,7 +1272,7 @@ var Product_itemtype = function Product_itemtype(props) {
1267
1272
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1268
1273
  }
1269
1274
  }, /*#__PURE__*/React.createElement("p", {
1270
- className: 'm-0 p-0 d-flex align-items-center justify-content-start font-weight-500',
1275
+ className: 'm-0 p-0 allcentered font-weight-500',
1271
1276
  style: {
1272
1277
  color: sectionproperties.variantcontainer_color,
1273
1278
  fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -1322,7 +1327,7 @@ var Product_itemtype = function Product_itemtype(props) {
1322
1327
  });
1323
1328
  } else if (item.optionname == 'size') {
1324
1329
  return /*#__PURE__*/React.createElement("div", {
1325
- className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1330
+ className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1326
1331
  onClick: function onClick() {
1327
1332
  if (optionvaluesitem.isenabled == 1) {
1328
1333
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1344,7 +1349,7 @@ var Product_itemtype = function Product_itemtype(props) {
1344
1349
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1345
1350
  } else {
1346
1351
  return /*#__PURE__*/React.createElement("div", {
1347
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1352
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1348
1353
  onClick: function onClick() {
1349
1354
  if (optionvaluesitem.isenabled == 1) {
1350
1355
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -33243,23 +33248,15 @@ var Section_with_rightbgcont = function Section_with_rightbgcont(props) {
33243
33248
  var routingcountext = props.actions.routingcountext;
33244
33249
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
33245
33250
  useEffect(function () {
33246
- if (props.srcfrom == 'addsectionform') {
33247
- var secpropobj = {};
33248
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
33249
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
33250
- });
33251
- setsectionproperties(_objectSpread$P({}, secpropobj));
33252
- } else {
33253
- var secpropobj = {};
33254
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
33255
- if (sectionitem.sectionid == props.sectionidprops) {
33256
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
33257
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
33258
- });
33259
- }
33260
- });
33261
- setsectionproperties(_objectSpread$P({}, secpropobj));
33262
- }
33251
+ var secpropobj = {};
33252
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
33253
+ if (sectionitem.sectionid == props.sectionidprops) {
33254
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
33255
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
33256
+ });
33257
+ }
33258
+ });
33259
+ setsectionproperties(_objectSpread$P({}, secpropobj));
33263
33260
  }, [StatePagePropertiesContext]);
33264
33261
  useEffect(function () {
33265
33262
  if (sectionproperties.length != 0) {
@@ -34801,6 +34798,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
34801
34798
  }
34802
34799
  }, [sectionproperties]);
34803
34800
  var section_styles = {
34801
+ sectiontitlespan: css({
34802
+ ':after': {
34803
+ height: '5px',
34804
+ width: '5%',
34805
+ backgroundColor: 'red'
34806
+ }
34807
+ }),
34804
34808
  btn: css({
34805
34809
  width: sectionproperties.generalbtn_width + 'px',
34806
34810
  height: sectionproperties.generalbtn_height + 'px',
@@ -34823,8 +34827,84 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
34823
34827
  }
34824
34828
  })
34825
34829
  };
34830
+ var SectionTitle = function SectionTitle() {
34831
+ return /*#__PURE__*/React.createElement("p", {
34832
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
34833
+ style: {
34834
+ color: sectionproperties.sectionTitleColor,
34835
+ fontWeight: sectionproperties.sectionTitleFontWeight,
34836
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
34837
+ }
34838
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar);
34839
+ };
34840
+ var Content = function Content() {
34841
+ return /*#__PURE__*/React.createElement("div", {
34842
+ "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
34843
+ }, /*#__PURE__*/React.createElement("div", {
34844
+ "class": "row m-0 w-100 mb-auto"
34845
+ }, /*#__PURE__*/React.createElement("div", {
34846
+ "class": "col-lg-12 p-0 d-flex justify-content-md-center",
34847
+ style: {
34848
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34849
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
34850
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px'
34851
+ }
34852
+ }, /*#__PURE__*/React.createElement("div", {
34853
+ "class": "d-flex align-items-center flex-row d-sm-none",
34854
+ style: {
34855
+ position: 'relative',
34856
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34857
+ fontSize: sectionproperties.sectionTitleFontSize + 'px'
34858
+ }
34859
+ }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
34860
+ "class": "d-none align-items-center flex-row d-sm-flex",
34861
+ style: {
34862
+ position: 'relative',
34863
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34864
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
34865
+ }
34866
+ }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
34867
+ "class": "col-lg-12 p-0 d-flex justify-content-md-center"
34868
+ }, /*#__PURE__*/React.createElement("p", {
34869
+ "class": "p-0 text-md-center",
34870
+ style: {
34871
+ textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
34872
+ color: sectionproperties.slideshowText2ContentColor,
34873
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
34874
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
34875
+ paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
34876
+ paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
34877
+ },
34878
+ dangerouslySetInnerHTML: {
34879
+ __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
34880
+ }
34881
+ })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
34882
+ "class": "col-lg-12 p-0"
34883
+ }, /*#__PURE__*/React.createElement("button", {
34884
+ "class": "".concat(section_styles.btn)
34885
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
34886
+ };
34887
+ var Image = function Image() {
34888
+ return /*#__PURE__*/React.createElement("div", {
34889
+ "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
34890
+ }, /*#__PURE__*/React.createElement(IKImage, {
34891
+ urlEndpoint: IKurlEndpoint,
34892
+ publicKey: IKpublicKey,
34893
+ path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
34894
+ style: {
34895
+ objectFit: sectionproperties.bgcovercontain,
34896
+ margin: 0,
34897
+ padding: 0,
34898
+ height: sectionproperties.image_height + 'px',
34899
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
34900
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
34901
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
34902
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
34903
+ }
34904
+ }));
34905
+ };
34826
34906
  return /*#__PURE__*/React.createElement("div", {
34827
- "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center pl-md-3 pr-md-3',
34907
+ "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3',
34828
34908
  style: {
34829
34909
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
34830
34910
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -34836,61 +34916,18 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
34836
34916
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
34837
34917
  borderTopRightRadius: sectionproperties.borderTopLeftRadius + 'px',
34838
34918
  borderBottomLeftRadius: sectionproperties.borderBottomRightRadius + 'px',
34839
- borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px'
34919
+ borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px',
34920
+ width: sectionproperties.width + 'vw'
34840
34921
  }
34922
+ }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React.createElement("div", {
34923
+ "class": "col-lg-12 p-0"
34841
34924
  }, /*#__PURE__*/React.createElement("div", {
34842
- "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
34843
- }, /*#__PURE__*/React.createElement("div", {
34844
- "class": "row m-0 w-100 mb-auto"
34845
- }, /*#__PURE__*/React.createElement("div", {
34846
- "class": "col-lg-12 p-0 d-flex justify-content-md-center",
34847
- style: {
34848
- justifyContent: sectionproperties.text1centered == 'Centered' ? 'center' : 'start'
34849
- }
34850
- }, /*#__PURE__*/React.createElement("p", {
34851
- style: {
34852
- color: sectionproperties.slideshowText1ContentColor,
34853
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
34854
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
34855
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
34856
- marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
34857
- }
34858
- }, langdetect == 'en' ? sectionproperties.slideshowText1Content : sectionproperties.slideshowText1Content_ar)), /*#__PURE__*/React.createElement("div", {
34859
- "class": "col-lg-12 p-0 d-flex justify-content-md-center"
34860
- }, /*#__PURE__*/React.createElement("p", {
34861
- "class": "p-0 text-md-center",
34862
- style: {
34863
- textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
34864
- color: sectionproperties.slideshowText2ContentColor,
34865
- fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
34866
- fontWeight: sectionproperties.slideshowText2ContentFontWeight,
34867
- paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
34868
- paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
34869
- },
34870
- dangerouslySetInnerHTML: {
34871
- __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
34872
- }
34873
- })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
34925
+ "class": "row m-0 w-100"
34926
+ }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React.createElement("div", {
34874
34927
  "class": "col-lg-12 p-0"
34875
- }, /*#__PURE__*/React.createElement("button", {
34876
- "class": "".concat(section_styles.btn)
34877
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React.createElement("div", {
34878
- "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
34879
- }, /*#__PURE__*/React.createElement(IKImage, {
34880
- urlEndpoint: IKurlEndpoint,
34881
- publicKey: IKpublicKey,
34882
- path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
34883
- style: {
34884
- objectFit: 'contain',
34885
- margin: 0,
34886
- padding: 0,
34887
- height: '400px',
34888
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
34889
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
34890
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
34891
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
34892
- }
34893
- })));
34928
+ }, /*#__PURE__*/React.createElement("div", {
34929
+ "class": "row m-0 w-100"
34930
+ }, Image(), Content())));
34894
34931
  };
34895
34932
 
34896
34933
  function ownKeys$H(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; }
@@ -35402,12 +35439,13 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35402
35439
  border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
35403
35440
  }
35404
35441
  }, /*#__PURE__*/React.createElement("div", {
35405
- "class": "col-lg-12 allcentered p-0",
35442
+ "class": "col-lg-12 d-flex align-items-center p-0",
35406
35443
  style: {
35407
- marginBottom: sectionproperties.image_mb + 'px'
35444
+ marginBottom: sectionproperties.image_mb + 'px',
35445
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35408
35446
  }
35409
35447
  }, /*#__PURE__*/React.createElement("div", {
35410
- "class": "allcentered",
35448
+ "class": "d-flex align-items-center",
35411
35449
  style: {
35412
35450
  width: sectionproperties.image_width + 'px',
35413
35451
  height: sectionproperties.image_height + 'px',
@@ -35415,7 +35453,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35415
35453
  borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
35416
35454
  borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
35417
35455
  borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
35418
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
35456
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
35457
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35419
35458
  }
35420
35459
  }, /*#__PURE__*/React.createElement(IKImage, {
35421
35460
  urlEndpoint: IKurlEndpoint,
@@ -35427,25 +35466,31 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
35427
35466
  objectFit: 'contain'
35428
35467
  }
35429
35468
  }))), /*#__PURE__*/React.createElement("div", {
35430
- "class": "col-lg-12 d-flex justify-content-center p-0",
35469
+ "class": "col-lg-12 d-flex p-0",
35431
35470
  style: {
35432
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px'
35471
+ marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
35472
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35433
35473
  }
35434
35474
  }, /*#__PURE__*/React.createElement("p", {
35435
- "class": "p-0 m-0 wordbreak wordbreak-noellipsis text-center",
35475
+ "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
35436
35476
  style: {
35437
35477
  color: sectionproperties.slideshowText1ContentColor,
35438
35478
  fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
35439
- fontWeight: sectionproperties.slideshowText1ContentFontWeight
35479
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
35480
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
35440
35481
  }
35441
35482
  }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
35442
- "class": "col-lg-12 d-flex justify-content-center p-0"
35483
+ "class": "col-lg-12 d-flex p-0",
35484
+ style: {
35485
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35486
+ }
35443
35487
  }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React.createElement("p", {
35444
- "class": "m-0 wordbreak text-center",
35488
+ "class": "m-0 wordbreak",
35445
35489
  style: {
35446
35490
  color: sectionproperties.slideshowText2ContentColor,
35447
35491
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
35448
- fontWeight: sectionproperties.slideshowText2ContentFontWeight
35492
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
35493
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
35449
35494
  }
35450
35495
  }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
35451
35496
  })));
package/dist/index.umd.js CHANGED
@@ -952,7 +952,7 @@
952
952
  itemobj.decriptionlang = 'ar';
953
953
  }
954
954
  setitem(itemobj);
955
- settitle(fetchProductInfoQueryContext.data.data.productinfo.description_en);
955
+ settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
956
956
  setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinfo/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
957
957
  }, [props.itemprops]);
958
958
  function stringIsEnglish(str) {
@@ -981,7 +981,7 @@
981
981
  }, /*#__PURE__*/React__default["default"].createElement("div", {
982
982
  className: 'row m-0 w-100'
983
983
  }, /*#__PURE__*/React__default["default"].createElement("div", {
984
- className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
984
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
985
985
  }, /*#__PURE__*/React__default["default"].createElement("div", {
986
986
  className: "col-lg-12 p-0 ",
987
987
  style: {
@@ -994,16 +994,21 @@
994
994
  showNav: false,
995
995
  showPlayButton: false,
996
996
  showFullscreenButton: true
997
- })), /*#__PURE__*/React__default["default"].createElement("div", {
998
- "class": "col-lg-12 mt-4"
997
+ })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
998
+ "class": "col-lg-12 mt-5 mt-md-4"
999
999
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1000
1000
  "class": "row m-0 w-100"
1001
1001
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1002
- "class": "col-lg-12 d-flex justify-content-start"
1002
+ "class": "col-lg-12 d-flex justify-content-center"
1003
1003
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1004
- "class": "m-0 p-0"
1005
- }, langdetect == 'en' ? 'Share this product' : 'مشاركة هذا المنتج')), /*#__PURE__*/React__default["default"].createElement("div", {
1006
- className: "Demo__container row m-0 align-items-center d-flex mt-2"
1004
+ "class": "m-0 p-0",
1005
+ style: {
1006
+ fontWeight: sectionproperties.sharebtn_FontWeight,
1007
+ color: sectionproperties.sharebtn_color,
1008
+ fontSize: sectionproperties.sharebtn_fontSize + 'px'
1009
+ }
1010
+ }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
1011
+ className: "Demo__container row m-0 w-100 allcentered mt-2"
1007
1012
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1008
1013
  className: "Demo__some-network ml-2 mr-2"
1009
1014
  }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
@@ -1170,7 +1175,7 @@
1170
1175
  }
1171
1176
  }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
1172
1177
  return /*#__PURE__*/React__default["default"].createElement("div", {
1173
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer ',
1178
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
1174
1179
  style: {
1175
1180
  backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
1176
1181
  minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
@@ -1178,7 +1183,7 @@
1178
1183
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1179
1184
  }
1180
1185
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1181
- className: 'm-0 p-0 d-flex align-items-center justify-content-start font-weight-500',
1186
+ className: 'm-0 p-0 allcentered font-weight-500',
1182
1187
  style: {
1183
1188
  color: sectionproperties.variantcontainer_color,
1184
1189
  fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -1233,7 +1238,7 @@
1233
1238
  });
1234
1239
  } else if (item.optionname == 'size') {
1235
1240
  return /*#__PURE__*/React__default["default"].createElement("div", {
1236
- className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1241
+ className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1237
1242
  onClick: function onClick() {
1238
1243
  if (optionvaluesitem.isenabled == 1) {
1239
1244
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1255,7 +1260,7 @@
1255
1260
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1256
1261
  } else {
1257
1262
  return /*#__PURE__*/React__default["default"].createElement("div", {
1258
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1263
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1259
1264
  onClick: function onClick() {
1260
1265
  if (optionvaluesitem.isenabled == 1) {
1261
1266
  selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -33154,23 +33159,15 @@
33154
33159
  var routingcountext = props.actions.routingcountext;
33155
33160
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
33156
33161
  React.useEffect(function () {
33157
- if (props.srcfrom == 'addsectionform') {
33158
- var secpropobj = {};
33159
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
33160
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
33161
- });
33162
- setsectionproperties(_objectSpread$P({}, secpropobj));
33163
- } else {
33164
- var secpropobj = {};
33165
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
33166
- if (sectionitem.sectionid == props.sectionidprops) {
33167
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
33168
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
33169
- });
33170
- }
33171
- });
33172
- setsectionproperties(_objectSpread$P({}, secpropobj));
33173
- }
33162
+ var secpropobj = {};
33163
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
33164
+ if (sectionitem.sectionid == props.sectionidprops) {
33165
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
33166
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
33167
+ });
33168
+ }
33169
+ });
33170
+ setsectionproperties(_objectSpread$P({}, secpropobj));
33174
33171
  }, [StatePagePropertiesContext]);
33175
33172
  React.useEffect(function () {
33176
33173
  if (sectionproperties.length != 0) {
@@ -34712,6 +34709,13 @@
34712
34709
  }
34713
34710
  }, [sectionproperties]);
34714
34711
  var section_styles = {
34712
+ sectiontitlespan: glamor.css({
34713
+ ':after': {
34714
+ height: '5px',
34715
+ width: '5%',
34716
+ backgroundColor: 'red'
34717
+ }
34718
+ }),
34715
34719
  btn: glamor.css({
34716
34720
  width: sectionproperties.generalbtn_width + 'px',
34717
34721
  height: sectionproperties.generalbtn_height + 'px',
@@ -34734,8 +34738,84 @@
34734
34738
  }
34735
34739
  })
34736
34740
  };
34741
+ var SectionTitle = function SectionTitle() {
34742
+ return /*#__PURE__*/React__default["default"].createElement("p", {
34743
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
34744
+ style: {
34745
+ color: sectionproperties.sectionTitleColor,
34746
+ fontWeight: sectionproperties.sectionTitleFontWeight,
34747
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
34748
+ }
34749
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar);
34750
+ };
34751
+ var Content = function Content() {
34752
+ return /*#__PURE__*/React__default["default"].createElement("div", {
34753
+ "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
34754
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34755
+ "class": "row m-0 w-100 mb-auto"
34756
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34757
+ "class": "col-lg-12 p-0 d-flex justify-content-md-center",
34758
+ style: {
34759
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34760
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
34761
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px'
34762
+ }
34763
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34764
+ "class": "d-flex align-items-center flex-row d-sm-none",
34765
+ style: {
34766
+ position: 'relative',
34767
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34768
+ fontSize: sectionproperties.sectionTitleFontSize + 'px'
34769
+ }
34770
+ }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
34771
+ "class": "d-none align-items-center flex-row d-sm-flex",
34772
+ style: {
34773
+ position: 'relative',
34774
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
34775
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
34776
+ }
34777
+ }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
34778
+ "class": "col-lg-12 p-0 d-flex justify-content-md-center"
34779
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34780
+ "class": "p-0 text-md-center",
34781
+ style: {
34782
+ textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
34783
+ color: sectionproperties.slideshowText2ContentColor,
34784
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
34785
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
34786
+ paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
34787
+ paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
34788
+ },
34789
+ dangerouslySetInnerHTML: {
34790
+ __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
34791
+ }
34792
+ })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34793
+ "class": "col-lg-12 p-0"
34794
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
34795
+ "class": "".concat(section_styles.btn)
34796
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
34797
+ };
34798
+ var Image = function Image() {
34799
+ return /*#__PURE__*/React__default["default"].createElement("div", {
34800
+ "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
34801
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34802
+ urlEndpoint: IKurlEndpoint,
34803
+ publicKey: IKpublicKey,
34804
+ path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
34805
+ style: {
34806
+ objectFit: sectionproperties.bgcovercontain,
34807
+ margin: 0,
34808
+ padding: 0,
34809
+ height: sectionproperties.image_height + 'px',
34810
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
34811
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
34812
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
34813
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
34814
+ }
34815
+ }));
34816
+ };
34737
34817
  return /*#__PURE__*/React__default["default"].createElement("div", {
34738
- "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center pl-md-3 pr-md-3',
34818
+ "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3',
34739
34819
  style: {
34740
34820
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
34741
34821
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -34747,61 +34827,18 @@
34747
34827
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
34748
34828
  borderTopRightRadius: sectionproperties.borderTopLeftRadius + 'px',
34749
34829
  borderBottomLeftRadius: sectionproperties.borderBottomRightRadius + 'px',
34750
- borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px'
34830
+ borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px',
34831
+ width: sectionproperties.width + 'vw'
34751
34832
  }
34833
+ }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34834
+ "class": "col-lg-12 p-0"
34752
34835
  }, /*#__PURE__*/React__default["default"].createElement("div", {
34753
- "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
34754
- }, /*#__PURE__*/React__default["default"].createElement("div", {
34755
- "class": "row m-0 w-100 mb-auto"
34756
- }, /*#__PURE__*/React__default["default"].createElement("div", {
34757
- "class": "col-lg-12 p-0 d-flex justify-content-md-center",
34758
- style: {
34759
- justifyContent: sectionproperties.text1centered == 'Centered' ? 'center' : 'start'
34760
- }
34761
- }, /*#__PURE__*/React__default["default"].createElement("p", {
34762
- style: {
34763
- color: sectionproperties.slideshowText1ContentColor,
34764
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
34765
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
34766
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
34767
- marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
34768
- }
34769
- }, langdetect == 'en' ? sectionproperties.slideshowText1Content : sectionproperties.slideshowText1Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
34770
- "class": "col-lg-12 p-0 d-flex justify-content-md-center"
34771
- }, /*#__PURE__*/React__default["default"].createElement("p", {
34772
- "class": "p-0 text-md-center",
34773
- style: {
34774
- textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
34775
- color: sectionproperties.slideshowText2ContentColor,
34776
- fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
34777
- fontWeight: sectionproperties.slideshowText2ContentFontWeight,
34778
- paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
34779
- paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
34780
- },
34781
- dangerouslySetInnerHTML: {
34782
- __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
34783
- }
34784
- })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34836
+ "class": "row m-0 w-100"
34837
+ }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
34785
34838
  "class": "col-lg-12 p-0"
34786
- }, /*#__PURE__*/React__default["default"].createElement("button", {
34787
- "class": "".concat(section_styles.btn)
34788
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
34789
- "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
34790
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
34791
- urlEndpoint: IKurlEndpoint,
34792
- publicKey: IKpublicKey,
34793
- path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
34794
- style: {
34795
- objectFit: 'contain',
34796
- margin: 0,
34797
- padding: 0,
34798
- height: '400px',
34799
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
34800
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
34801
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
34802
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
34803
- }
34804
- })));
34839
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34840
+ "class": "row m-0 w-100"
34841
+ }, Image(), Content())));
34805
34842
  };
34806
34843
 
34807
34844
  function ownKeys$H(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; }
@@ -35313,12 +35350,13 @@
35313
35350
  border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
35314
35351
  }
35315
35352
  }, /*#__PURE__*/React__default["default"].createElement("div", {
35316
- "class": "col-lg-12 allcentered p-0",
35353
+ "class": "col-lg-12 d-flex align-items-center p-0",
35317
35354
  style: {
35318
- marginBottom: sectionproperties.image_mb + 'px'
35355
+ marginBottom: sectionproperties.image_mb + 'px',
35356
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35319
35357
  }
35320
35358
  }, /*#__PURE__*/React__default["default"].createElement("div", {
35321
- "class": "allcentered",
35359
+ "class": "d-flex align-items-center",
35322
35360
  style: {
35323
35361
  width: sectionproperties.image_width + 'px',
35324
35362
  height: sectionproperties.image_height + 'px',
@@ -35326,7 +35364,8 @@
35326
35364
  borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
35327
35365
  borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
35328
35366
  borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
35329
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
35367
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
35368
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35330
35369
  }
35331
35370
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
35332
35371
  urlEndpoint: IKurlEndpoint,
@@ -35338,25 +35377,31 @@
35338
35377
  objectFit: 'contain'
35339
35378
  }
35340
35379
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
35341
- "class": "col-lg-12 d-flex justify-content-center p-0",
35380
+ "class": "col-lg-12 d-flex p-0",
35342
35381
  style: {
35343
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px'
35382
+ marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
35383
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35344
35384
  }
35345
35385
  }, /*#__PURE__*/React__default["default"].createElement("p", {
35346
- "class": "p-0 m-0 wordbreak wordbreak-noellipsis text-center",
35386
+ "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
35347
35387
  style: {
35348
35388
  color: sectionproperties.slideshowText1ContentColor,
35349
35389
  fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
35350
- fontWeight: sectionproperties.slideshowText1ContentFontWeight
35390
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
35391
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
35351
35392
  }
35352
35393
  }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
35353
- "class": "col-lg-12 d-flex justify-content-center p-0"
35394
+ "class": "col-lg-12 d-flex p-0",
35395
+ style: {
35396
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
35397
+ }
35354
35398
  }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
35355
- "class": "m-0 wordbreak text-center",
35399
+ "class": "m-0 wordbreak",
35356
35400
  style: {
35357
35401
  color: sectionproperties.slideshowText2ContentColor,
35358
35402
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
35359
- fontWeight: sectionproperties.slideshowText2ContentFontWeight
35403
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
35404
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
35360
35405
  }
35361
35406
  }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
35362
35407
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.146",
3
+ "version": "0.0.148",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {
package/src.zip DELETED
Binary file