tabexseriescomponents 0.0.235 → 0.0.236

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +154 -99
  2. package/dist/index.esm.js +154 -99
  3. package/dist/index.umd.js +154 -99
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -12892,11 +12892,12 @@ var Gotoheader = function Gotoheader(props) {
12892
12892
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12893
12893
  "class": "".concat(header_cssstyles.navbar_nav) + ' w-100 row m-0 w-100 d-flex justify-content-start align-items-center '
12894
12894
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12895
- "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
12895
+ "class": ' scrollhorizontal w-100 align-items-center ',
12896
12896
  style: {
12897
12897
  display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
12898
12898
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
12899
- paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
12899
+ paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
12900
+ justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
12900
12901
  }
12901
12902
  }, templatepropcontext.pagesnprop.map(function (item, index) {
12902
12903
  if (item.isnavigation == 1 && item.isactive == 1) {
@@ -12926,7 +12927,7 @@ var Gotoheader = function Gotoheader(props) {
12926
12927
  subheaderpositionprops: 'in nav',
12927
12928
  paddingLeftprops: '45px',
12928
12929
  paddingRightprops: '45px',
12929
- subheadercontentpositionprops: 'start'
12930
+ subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
12930
12931
  }
12931
12932
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
12932
12933
  "class": "col-lg-12 p-0"
@@ -37098,7 +37099,7 @@ var AboutSection = function AboutSection(props) {
37098
37099
  var imagesection = function imagesection() {
37099
37100
  return /*#__PURE__*/React__default["default"].createElement("div", {
37100
37101
  style: {
37101
- height: sectionproperties.image_height + 'px',
37102
+ height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
37102
37103
  overflow: 'hidden'
37103
37104
  },
37104
37105
  "class": "h-sm-auto"
@@ -37109,7 +37110,7 @@ var AboutSection = function AboutSection(props) {
37109
37110
  path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
37110
37111
  style: {
37111
37112
  width: '100%',
37112
- height: sectionproperties.image_height + 'px',
37113
+ height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
37113
37114
  borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
37114
37115
  borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
37115
37116
  borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
@@ -37120,106 +37121,153 @@ var AboutSection = function AboutSection(props) {
37120
37121
  }
37121
37122
  }));
37122
37123
  };
37124
+ var SectionContent = function SectionContent() {
37125
+ return /*#__PURE__*/React__default["default"].createElement("div", {
37126
+ "class": "row ml-0 mr-0 w-100 mb-auto",
37127
+ style: {
37128
+ paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
37129
+ }
37130
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
37131
+ "class": "col-lg-12 d-flex justify-content-md-center p-0",
37132
+ style: {
37133
+ marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
37134
+ }
37135
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
37136
+ "class": "row ml-0 mr-0 w-100 mb-auto"
37137
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
37138
+ "class": "col-lg-12 d-flex justify-content-md-center p-0",
37139
+ style: {
37140
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37141
+ }
37142
+ }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("p", {
37143
+ style: {
37144
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
37145
+ color: sectionproperties.sectionTitleColor,
37146
+ fontWeight: sectionproperties.sectionTitleFontWeight,
37147
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37148
+ position: 'relative'
37149
+ }
37150
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
37151
+ "class": "".concat(section_styles.sectiontitlespan)
37152
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("p", {
37153
+ className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
37154
+ style: {
37155
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
37156
+ color: sectionproperties.sectionTitleColor,
37157
+ fontWeight: sectionproperties.sectionTitleFontWeight,
37158
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37159
+ position: 'relative'
37160
+ }
37161
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
37162
+ "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
37163
+ style: {
37164
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37165
+ }
37166
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
37167
+ "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
37168
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37169
+ "class": 'p-md-0 justify-content-md-center wordbreak text-md-center w-100',
37170
+ style: {
37171
+ position: 'relative',
37172
+ fontSize: sectionproperties.prodCatFontSize + 'px',
37173
+ color: sectionproperties.prodCatColor,
37174
+ fontWeight: sectionproperties.prodCatFontWeight,
37175
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px',
37176
+ textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
37177
+ paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
37178
+ paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
37179
+ }
37180
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
37181
+ "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
37182
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37183
+ "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
37184
+ style: {
37185
+ position: 'relative',
37186
+ fontSize: sectionproperties.generaltext_fontSize + 'px',
37187
+ color: sectionproperties.generaltext_fontColor,
37188
+ fontWeight: sectionproperties.generaltext_fontWeight,
37189
+ marginBottom: sectionproperties.text_styles_marginBottom + 'px',
37190
+ textAlign: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start'
37191
+ },
37192
+ dangerouslySetInnerHTML: {
37193
+ __html: langdetect == 'en' ? sectionproperties.textstylesen_editor : sectionproperties.textstylesar_editor
37194
+ }
37195
+ })), cardsarray.map(function (cardinfoitem, cardinfoindex) {
37196
+ return /*#__PURE__*/React__default["default"].createElement("div", {
37197
+ "class": sectionproperties.numberOfColsvertical == '6' ? 'col-lg-2 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '1' ? 'col-lg-12 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '2' ? 'col-lg-6 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '3' ? 'col-lg-4 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '4' ? 'col-lg-3 col-md-6 col-sm-12 d-flex mb-3' : 'col-lg-6 col-md-6 col-sm-12 d-flex mb-3'
37198
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
37199
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? 'row m-0 w-100 d-flex flex-column' : 'row m-0 w-100 d-flex flex-row allcentered'
37200
+ }, cardsarray[cardinfoindex].cardobj_img == null && /*#__PURE__*/React__default["default"].createElement("p", {
37201
+ "class": "MonotonCursive mt-n2 p-0 m-0",
37202
+ style: {
37203
+ color: sectionproperties.iconcontainercolor,
37204
+ fontSize: sectionproperties.icontextfontsize + 'px',
37205
+ whiteSpace: 'nowrap'
37206
+ }
37207
+ }, "0", cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React__default["default"].createElement("div", {
37208
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? 'p-0 m-0' : 'p-0 m-0 mb-5',
37209
+ style: {
37210
+ width: sectionproperties.iconcontainerwidth + 'vh',
37211
+ height: sectionproperties.iconcontainerheight + 'vh'
37212
+ }
37213
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
37214
+ "class": "h-sm-auto",
37215
+ urlEndpoint: IKurlEndpoint,
37216
+ publicKey: IKpublicKey,
37217
+ path: cardsarray[cardinfoindex].cardobj_img,
37218
+ style: {
37219
+ width: '100%',
37220
+ height: '100%',
37221
+ objectFit: 'contain'
37222
+ }
37223
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
37224
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? sectionproperties.numberOfColsvertical == '1' ? 'col-lg-10 col-md-10 col-sm-10 d-flex flex-column pl-3 align-items-center' : 'col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3 align-items-center' : 'col-lg-12 col-md-12 col-sm-12 d-flex flex-column pl-3 align-items-center'
37225
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37226
+ "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 wordbreak wordbreak1 w-100' : 'mb-auto mt-auto p-0 wordbreak wordbreak1 w-100',
37227
+ style: {
37228
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
37229
+ color: sectionproperties.slideshowText1ContentColor,
37230
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
37231
+ textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
37232
+ }
37233
+ }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowText2ContentFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
37234
+ "class": "m-0 p-0 wordbreak wordbreak3 w-100",
37235
+ style: {
37236
+ color: sectionproperties.slideshowText2ContentColor,
37237
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
37238
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
37239
+ textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
37240
+ }
37241
+ }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
37242
+ }));
37243
+ };
37123
37244
  return /*#__PURE__*/React__default["default"].createElement("div", {
37124
37245
  "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
37125
37246
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37126
- "class": section_styles.cards_sections + ' col-lg-12 pl-md-2 pr-md-2 '
37127
- }, /*#__PURE__*/React__default["default"].createElement("div", {
37247
+ "class": section_styles.cards_sections + ' w-100 pl-md-2 pr-md-2 '
37248
+ }, sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React__default["default"].createElement("div", {
37128
37249
  "class": "row m-0 d-flex justify-content-center w-100"
37129
37250
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37130
37251
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37131
37252
  }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
37132
37253
  "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37254
+ }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
37255
+ "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37256
+ }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
37257
+ "class": "row m-0 d-flex justify-content-center w-100"
37133
37258
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37134
- "class": "row ml-0 mr-0 w-100 mb-auto",
37135
- style: {
37136
- paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
37137
- }
37138
- }, /*#__PURE__*/React__default["default"].createElement("div", {
37139
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37140
- style: {
37141
- marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
37142
- }
37143
- }, /*#__PURE__*/React__default["default"].createElement("div", {
37144
- "class": "row ml-0 mr-0 w-100 mb-auto"
37259
+ "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37260
+ }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
37261
+ "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37262
+ }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
37263
+ "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37264
+ }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
37265
+ "class": "row m-0 d-flex justify-content-center w-100"
37145
37266
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37146
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37147
- style: {
37148
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37149
- }
37150
- }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("p", {
37151
- style: {
37152
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
37153
- color: sectionproperties.sectionTitleColor,
37154
- fontWeight: sectionproperties.sectionTitleFontWeight,
37155
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37156
- position: 'relative'
37157
- }
37158
- }, /*#__PURE__*/React__default["default"].createElement("span", {
37159
- "class": "".concat(section_styles.sectiontitlespan)
37160
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
37161
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37162
- style: {
37163
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37164
- }
37165
- }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("p", {
37166
- className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
37167
- style: {
37168
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
37169
- color: sectionproperties.sectionTitleColor,
37170
- fontWeight: sectionproperties.sectionTitleFontWeight,
37171
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37172
- position: 'relative'
37173
- }
37174
- }, /*#__PURE__*/React__default["default"].createElement("span", {
37175
- "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
37176
- style: {
37177
- textAlign: langdetect == 'en' ? 'left' : 'right'
37178
- }
37179
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
37180
- "class": 'col-lg-12 d-flex justify-content-center mb-3 pl-md-2 pr-md-2'
37181
- }, /*#__PURE__*/React__default["default"].createElement("p", {
37182
- "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
37183
- style: {
37184
- position: 'relative',
37185
- fontSize: sectionproperties.prodCatFontSize + 'px',
37186
- color: sectionproperties.prodCatColor,
37187
- fontWeight: sectionproperties.prodCatFontWeight,
37188
- marginBottom: sectionproperties.descriptionMarginBottom + 'px',
37189
- textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
37190
- }
37191
- }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
37192
- return /*#__PURE__*/React__default["default"].createElement("div", {
37193
- "class": "col-lg-6 d-flex mb-3"
37194
- }, /*#__PURE__*/React__default["default"].createElement("div", {
37195
- "class": "row m-0 w-100 d-flex flex-row"
37196
- }, /*#__PURE__*/React__default["default"].createElement("p", {
37197
- "class": "MonotonCursive mt-n2 p-0 m-0",
37198
- style: {
37199
- color: sectionproperties.generaltext_fontColor,
37200
- fontSize: sectionproperties.generaltext_fontSize + 'px',
37201
- whiteSpace: 'nowrap'
37202
- }
37203
- }, "0", cardinfoindex + 1), /*#__PURE__*/React__default["default"].createElement("div", {
37204
- "class": "col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3"
37205
- }, /*#__PURE__*/React__default["default"].createElement("p", {
37206
- "class": "m-0 p-0 wordbreak wordbreak1",
37207
- style: {
37208
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
37209
- color: sectionproperties.slideshowText1ContentColor,
37210
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
37211
- textAlign: langdetect == 'en' ? 'left' : 'right'
37212
- }
37213
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
37214
- "class": "m-0 p-0 wordbreak wordbreak3",
37215
- style: {
37216
- color: sectionproperties.slideshowText2ContentColor,
37217
- fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
37218
- fontWeight: sectionproperties.slideshowText2ContentFontWeight,
37219
- textAlign: langdetect == 'en' ? 'left' : 'right'
37220
- }
37221
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
37222
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
37267
+ "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37268
+ }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
37269
+ "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37270
+ }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
37223
37271
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37224
37272
  }, imagesection()))));
37225
37273
  };
@@ -38597,7 +38645,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
38597
38645
  paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
38598
38646
  paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
38599
38647
  borderRadius: sectionproperties.reservation_borderradius + 'px',
38600
- border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
38648
+ border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
38649
+ boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
38601
38650
  }
38602
38651
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38603
38652
  "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40101,6 +40150,9 @@ var Slideshowzoom = function Slideshowzoom(props) {
40101
40150
  "class": "".concat(slideshow_styles.slideshow_btn) + ' allcentered ',
40102
40151
  onClick: function onClick() {
40103
40152
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
40153
+ },
40154
+ style: {
40155
+ direction: langdetect == 'en' ? 'ltr' : 'rtl'
40104
40156
  }
40105
40157
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
40106
40158
  size: 20
@@ -47193,7 +47245,10 @@ var Horizontalcard = function Horizontalcard(props) {
47193
47245
  onClick: function onClick() {
47194
47246
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
47195
47247
  },
47196
- "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 '
47248
+ "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 ',
47249
+ style: {
47250
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47251
+ }
47197
47252
  }, item.name)), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
47198
47253
  "class": "col-lg-3 col-md-3 col-sm-3 d-flex justify-content-end p-0"
47199
47254
  }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -51294,7 +51349,6 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
51294
51349
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
51295
51350
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
51296
51351
  height: sectionproperties.image_height + 'px',
51297
- width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : '100%',
51298
51352
  marginBottom: sectionproperties.image_mb + 'px',
51299
51353
  overflow: 'hidden',
51300
51354
  position: 'relative',
@@ -51367,7 +51421,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
51367
51421
  })), /*#__PURE__*/React__default["default"].createElement("div", {
51368
51422
  "class": card_cssstyles.imagecontainer + ' d-none d-sm-flex',
51369
51423
  style: {
51370
- height: sectionproperties.height_responsive + 'px'
51424
+ height: sectionproperties.height_responsive + 'px',
51425
+ width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : sectionproperties.image_width_resp + '%'
51371
51426
  }
51372
51427
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
51373
51428
  urlEndpoint: IKurlEndpoint,
package/dist/index.esm.js CHANGED
@@ -12848,11 +12848,12 @@ var Gotoheader = function Gotoheader(props) {
12848
12848
  }, /*#__PURE__*/React.createElement("div", {
12849
12849
  "class": "".concat(header_cssstyles.navbar_nav) + ' w-100 row m-0 w-100 d-flex justify-content-start align-items-center '
12850
12850
  }, /*#__PURE__*/React.createElement("div", {
12851
- "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
12851
+ "class": ' scrollhorizontal w-100 align-items-center ',
12852
12852
  style: {
12853
12853
  display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
12854
12854
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
12855
- paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
12855
+ paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
12856
+ justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
12856
12857
  }
12857
12858
  }, templatepropcontext.pagesnprop.map(function (item, index) {
12858
12859
  if (item.isnavigation == 1 && item.isactive == 1) {
@@ -12882,7 +12883,7 @@ var Gotoheader = function Gotoheader(props) {
12882
12883
  subheaderpositionprops: 'in nav',
12883
12884
  paddingLeftprops: '45px',
12884
12885
  paddingRightprops: '45px',
12885
- subheadercontentpositionprops: 'start'
12886
+ subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
12886
12887
  }
12887
12888
  })))), /*#__PURE__*/React.createElement("div", {
12888
12889
  "class": "col-lg-12 p-0"
@@ -37054,7 +37055,7 @@ var AboutSection = function AboutSection(props) {
37054
37055
  var imagesection = function imagesection() {
37055
37056
  return /*#__PURE__*/React.createElement("div", {
37056
37057
  style: {
37057
- height: sectionproperties.image_height + 'px',
37058
+ height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
37058
37059
  overflow: 'hidden'
37059
37060
  },
37060
37061
  "class": "h-sm-auto"
@@ -37065,7 +37066,7 @@ var AboutSection = function AboutSection(props) {
37065
37066
  path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
37066
37067
  style: {
37067
37068
  width: '100%',
37068
- height: sectionproperties.image_height + 'px',
37069
+ height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
37069
37070
  borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
37070
37071
  borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
37071
37072
  borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
@@ -37076,106 +37077,153 @@ var AboutSection = function AboutSection(props) {
37076
37077
  }
37077
37078
  }));
37078
37079
  };
37080
+ var SectionContent = function SectionContent() {
37081
+ return /*#__PURE__*/React.createElement("div", {
37082
+ "class": "row ml-0 mr-0 w-100 mb-auto",
37083
+ style: {
37084
+ paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
37085
+ }
37086
+ }, /*#__PURE__*/React.createElement("div", {
37087
+ "class": "col-lg-12 d-flex justify-content-md-center p-0",
37088
+ style: {
37089
+ marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
37090
+ }
37091
+ }, /*#__PURE__*/React.createElement("div", {
37092
+ "class": "row ml-0 mr-0 w-100 mb-auto"
37093
+ }, /*#__PURE__*/React.createElement("div", {
37094
+ "class": "col-lg-12 d-flex justify-content-md-center p-0",
37095
+ style: {
37096
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37097
+ }
37098
+ }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("p", {
37099
+ style: {
37100
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
37101
+ color: sectionproperties.sectionTitleColor,
37102
+ fontWeight: sectionproperties.sectionTitleFontWeight,
37103
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37104
+ position: 'relative'
37105
+ }
37106
+ }, /*#__PURE__*/React.createElement("span", {
37107
+ "class": "".concat(section_styles.sectiontitlespan)
37108
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("p", {
37109
+ className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
37110
+ style: {
37111
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
37112
+ color: sectionproperties.sectionTitleColor,
37113
+ fontWeight: sectionproperties.sectionTitleFontWeight,
37114
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37115
+ position: 'relative'
37116
+ }
37117
+ }, /*#__PURE__*/React.createElement("span", {
37118
+ "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
37119
+ style: {
37120
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37121
+ }
37122
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React.createElement("div", {
37123
+ "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
37124
+ }, /*#__PURE__*/React.createElement("p", {
37125
+ "class": 'p-md-0 justify-content-md-center wordbreak text-md-center w-100',
37126
+ style: {
37127
+ position: 'relative',
37128
+ fontSize: sectionproperties.prodCatFontSize + 'px',
37129
+ color: sectionproperties.prodCatColor,
37130
+ fontWeight: sectionproperties.prodCatFontWeight,
37131
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px',
37132
+ textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
37133
+ paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
37134
+ paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
37135
+ }
37136
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
37137
+ "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
37138
+ }, /*#__PURE__*/React.createElement("p", {
37139
+ "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
37140
+ style: {
37141
+ position: 'relative',
37142
+ fontSize: sectionproperties.generaltext_fontSize + 'px',
37143
+ color: sectionproperties.generaltext_fontColor,
37144
+ fontWeight: sectionproperties.generaltext_fontWeight,
37145
+ marginBottom: sectionproperties.text_styles_marginBottom + 'px',
37146
+ textAlign: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start'
37147
+ },
37148
+ dangerouslySetInnerHTML: {
37149
+ __html: langdetect == 'en' ? sectionproperties.textstylesen_editor : sectionproperties.textstylesar_editor
37150
+ }
37151
+ })), cardsarray.map(function (cardinfoitem, cardinfoindex) {
37152
+ return /*#__PURE__*/React.createElement("div", {
37153
+ "class": sectionproperties.numberOfColsvertical == '6' ? 'col-lg-2 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '1' ? 'col-lg-12 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '2' ? 'col-lg-6 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '3' ? 'col-lg-4 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '4' ? 'col-lg-3 col-md-6 col-sm-12 d-flex mb-3' : 'col-lg-6 col-md-6 col-sm-12 d-flex mb-3'
37154
+ }, /*#__PURE__*/React.createElement("div", {
37155
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? 'row m-0 w-100 d-flex flex-column' : 'row m-0 w-100 d-flex flex-row allcentered'
37156
+ }, cardsarray[cardinfoindex].cardobj_img == null && /*#__PURE__*/React.createElement("p", {
37157
+ "class": "MonotonCursive mt-n2 p-0 m-0",
37158
+ style: {
37159
+ color: sectionproperties.iconcontainercolor,
37160
+ fontSize: sectionproperties.icontextfontsize + 'px',
37161
+ whiteSpace: 'nowrap'
37162
+ }
37163
+ }, "0", cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React.createElement("div", {
37164
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? 'p-0 m-0' : 'p-0 m-0 mb-5',
37165
+ style: {
37166
+ width: sectionproperties.iconcontainerwidth + 'vh',
37167
+ height: sectionproperties.iconcontainerheight + 'vh'
37168
+ }
37169
+ }, /*#__PURE__*/React.createElement(IKImage, {
37170
+ "class": "h-sm-auto",
37171
+ urlEndpoint: IKurlEndpoint,
37172
+ publicKey: IKpublicKey,
37173
+ path: cardsarray[cardinfoindex].cardobj_img,
37174
+ style: {
37175
+ width: '100%',
37176
+ height: '100%',
37177
+ objectFit: 'contain'
37178
+ }
37179
+ })), /*#__PURE__*/React.createElement("div", {
37180
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? sectionproperties.numberOfColsvertical == '1' ? 'col-lg-10 col-md-10 col-sm-10 d-flex flex-column pl-3 align-items-center' : 'col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3 align-items-center' : 'col-lg-12 col-md-12 col-sm-12 d-flex flex-column pl-3 align-items-center'
37181
+ }, /*#__PURE__*/React.createElement("p", {
37182
+ "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 wordbreak wordbreak1 w-100' : 'mb-auto mt-auto p-0 wordbreak wordbreak1 w-100',
37183
+ style: {
37184
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
37185
+ color: sectionproperties.slideshowText1ContentColor,
37186
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
37187
+ textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
37188
+ }
37189
+ }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowText2ContentFontSize != 0 && /*#__PURE__*/React.createElement("p", {
37190
+ "class": "m-0 p-0 wordbreak wordbreak3 w-100",
37191
+ style: {
37192
+ color: sectionproperties.slideshowText2ContentColor,
37193
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
37194
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
37195
+ textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
37196
+ }
37197
+ }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
37198
+ }));
37199
+ };
37079
37200
  return /*#__PURE__*/React.createElement("div", {
37080
37201
  "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
37081
37202
  }, /*#__PURE__*/React.createElement("div", {
37082
- "class": section_styles.cards_sections + ' col-lg-12 pl-md-2 pr-md-2 '
37083
- }, /*#__PURE__*/React.createElement("div", {
37203
+ "class": section_styles.cards_sections + ' w-100 pl-md-2 pr-md-2 '
37204
+ }, sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React.createElement("div", {
37084
37205
  "class": "row m-0 d-flex justify-content-center w-100"
37085
37206
  }, /*#__PURE__*/React.createElement("div", {
37086
37207
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37087
37208
  }, imagesection()), /*#__PURE__*/React.createElement("div", {
37088
37209
  "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37210
+ }, SectionContent()), /*#__PURE__*/React.createElement("div", {
37211
+ "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37212
+ }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
37213
+ "class": "row m-0 d-flex justify-content-center w-100"
37089
37214
  }, /*#__PURE__*/React.createElement("div", {
37090
- "class": "row ml-0 mr-0 w-100 mb-auto",
37091
- style: {
37092
- paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
37093
- }
37094
- }, /*#__PURE__*/React.createElement("div", {
37095
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37096
- style: {
37097
- marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
37098
- }
37099
- }, /*#__PURE__*/React.createElement("div", {
37100
- "class": "row ml-0 mr-0 w-100 mb-auto"
37215
+ "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37216
+ }, SectionContent()), /*#__PURE__*/React.createElement("div", {
37217
+ "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37218
+ }, imagesection()), /*#__PURE__*/React.createElement("div", {
37219
+ "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37220
+ }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
37221
+ "class": "row m-0 d-flex justify-content-center w-100"
37101
37222
  }, /*#__PURE__*/React.createElement("div", {
37102
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37103
- style: {
37104
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37105
- }
37106
- }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("p", {
37107
- style: {
37108
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
37109
- color: sectionproperties.sectionTitleColor,
37110
- fontWeight: sectionproperties.sectionTitleFontWeight,
37111
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37112
- position: 'relative'
37113
- }
37114
- }, /*#__PURE__*/React.createElement("span", {
37115
- "class": "".concat(section_styles.sectiontitlespan)
37116
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React.createElement("div", {
37117
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37118
- style: {
37119
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37120
- }
37121
- }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("p", {
37122
- className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
37123
- style: {
37124
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
37125
- color: sectionproperties.sectionTitleColor,
37126
- fontWeight: sectionproperties.sectionTitleFontWeight,
37127
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37128
- position: 'relative'
37129
- }
37130
- }, /*#__PURE__*/React.createElement("span", {
37131
- "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
37132
- style: {
37133
- textAlign: langdetect == 'en' ? 'left' : 'right'
37134
- }
37135
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React.createElement("div", {
37136
- "class": 'col-lg-12 d-flex justify-content-center mb-3 pl-md-2 pr-md-2'
37137
- }, /*#__PURE__*/React.createElement("p", {
37138
- "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
37139
- style: {
37140
- position: 'relative',
37141
- fontSize: sectionproperties.prodCatFontSize + 'px',
37142
- color: sectionproperties.prodCatColor,
37143
- fontWeight: sectionproperties.prodCatFontWeight,
37144
- marginBottom: sectionproperties.descriptionMarginBottom + 'px',
37145
- textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
37146
- }
37147
- }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
37148
- return /*#__PURE__*/React.createElement("div", {
37149
- "class": "col-lg-6 d-flex mb-3"
37150
- }, /*#__PURE__*/React.createElement("div", {
37151
- "class": "row m-0 w-100 d-flex flex-row"
37152
- }, /*#__PURE__*/React.createElement("p", {
37153
- "class": "MonotonCursive mt-n2 p-0 m-0",
37154
- style: {
37155
- color: sectionproperties.generaltext_fontColor,
37156
- fontSize: sectionproperties.generaltext_fontSize + 'px',
37157
- whiteSpace: 'nowrap'
37158
- }
37159
- }, "0", cardinfoindex + 1), /*#__PURE__*/React.createElement("div", {
37160
- "class": "col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3"
37161
- }, /*#__PURE__*/React.createElement("p", {
37162
- "class": "m-0 p-0 wordbreak wordbreak1",
37163
- style: {
37164
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
37165
- color: sectionproperties.slideshowText1ContentColor,
37166
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
37167
- textAlign: langdetect == 'en' ? 'left' : 'right'
37168
- }
37169
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), /*#__PURE__*/React.createElement("p", {
37170
- "class": "m-0 p-0 wordbreak wordbreak3",
37171
- style: {
37172
- color: sectionproperties.slideshowText2ContentColor,
37173
- fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
37174
- fontWeight: sectionproperties.slideshowText2ContentFontWeight,
37175
- textAlign: langdetect == 'en' ? 'left' : 'right'
37176
- }
37177
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
37178
- }))), /*#__PURE__*/React.createElement("div", {
37223
+ "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37224
+ }, imagesection()), /*#__PURE__*/React.createElement("div", {
37225
+ "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37226
+ }, SectionContent()), /*#__PURE__*/React.createElement("div", {
37179
37227
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37180
37228
  }, imagesection()))));
37181
37229
  };
@@ -38553,7 +38601,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
38553
38601
  paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
38554
38602
  paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
38555
38603
  borderRadius: sectionproperties.reservation_borderradius + 'px',
38556
- border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
38604
+ border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
38605
+ boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
38557
38606
  }
38558
38607
  }, /*#__PURE__*/React.createElement("div", {
38559
38608
  "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40057,6 +40106,9 @@ var Slideshowzoom = function Slideshowzoom(props) {
40057
40106
  "class": "".concat(slideshow_styles.slideshow_btn) + ' allcentered ',
40058
40107
  onClick: function onClick() {
40059
40108
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
40109
+ },
40110
+ style: {
40111
+ direction: langdetect == 'en' ? 'ltr' : 'rtl'
40060
40112
  }
40061
40113
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(IoIosArrowRoundForward, {
40062
40114
  size: 20
@@ -47149,7 +47201,10 @@ var Horizontalcard = function Horizontalcard(props) {
47149
47201
  onClick: function onClick() {
47150
47202
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
47151
47203
  },
47152
- "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 '
47204
+ "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 ',
47205
+ style: {
47206
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47207
+ }
47153
47208
  }, item.name)), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
47154
47209
  "class": "col-lg-3 col-md-3 col-sm-3 d-flex justify-content-end p-0"
47155
47210
  }, /*#__PURE__*/React.createElement("button", {
@@ -51250,7 +51305,6 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
51250
51305
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
51251
51306
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
51252
51307
  height: sectionproperties.image_height + 'px',
51253
- width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : '100%',
51254
51308
  marginBottom: sectionproperties.image_mb + 'px',
51255
51309
  overflow: 'hidden',
51256
51310
  position: 'relative',
@@ -51323,7 +51377,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
51323
51377
  })), /*#__PURE__*/React.createElement("div", {
51324
51378
  "class": card_cssstyles.imagecontainer + ' d-none d-sm-flex',
51325
51379
  style: {
51326
- height: sectionproperties.height_responsive + 'px'
51380
+ height: sectionproperties.height_responsive + 'px',
51381
+ width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : sectionproperties.image_width_resp + '%'
51327
51382
  }
51328
51383
  }, /*#__PURE__*/React.createElement(IKImage, {
51329
51384
  urlEndpoint: IKurlEndpoint,
package/dist/index.umd.js CHANGED
@@ -12748,11 +12748,12 @@
12748
12748
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12749
12749
  "class": "".concat(header_cssstyles.navbar_nav) + ' w-100 row m-0 w-100 d-flex justify-content-start align-items-center '
12750
12750
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12751
- "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
12751
+ "class": ' scrollhorizontal w-100 align-items-center ',
12752
12752
  style: {
12753
12753
  display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
12754
12754
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
12755
- paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
12755
+ paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
12756
+ justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
12756
12757
  }
12757
12758
  }, templatepropcontext.pagesnprop.map(function (item, index) {
12758
12759
  if (item.isnavigation == 1 && item.isactive == 1) {
@@ -12782,7 +12783,7 @@
12782
12783
  subheaderpositionprops: 'in nav',
12783
12784
  paddingLeftprops: '45px',
12784
12785
  paddingRightprops: '45px',
12785
- subheadercontentpositionprops: 'start'
12786
+ subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
12786
12787
  }
12787
12788
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
12788
12789
  "class": "col-lg-12 p-0"
@@ -36954,7 +36955,7 @@
36954
36955
  var imagesection = function imagesection() {
36955
36956
  return /*#__PURE__*/React__default["default"].createElement("div", {
36956
36957
  style: {
36957
- height: sectionproperties.image_height + 'px',
36958
+ height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
36958
36959
  overflow: 'hidden'
36959
36960
  },
36960
36961
  "class": "h-sm-auto"
@@ -36965,7 +36966,7 @@
36965
36966
  path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
36966
36967
  style: {
36967
36968
  width: '100%',
36968
- height: sectionproperties.image_height + 'px',
36969
+ height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
36969
36970
  borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
36970
36971
  borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
36971
36972
  borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
@@ -36976,106 +36977,153 @@
36976
36977
  }
36977
36978
  }));
36978
36979
  };
36980
+ var SectionContent = function SectionContent() {
36981
+ return /*#__PURE__*/React__default["default"].createElement("div", {
36982
+ "class": "row ml-0 mr-0 w-100 mb-auto",
36983
+ style: {
36984
+ paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
36985
+ }
36986
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
36987
+ "class": "col-lg-12 d-flex justify-content-md-center p-0",
36988
+ style: {
36989
+ marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
36990
+ }
36991
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
36992
+ "class": "row ml-0 mr-0 w-100 mb-auto"
36993
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
36994
+ "class": "col-lg-12 d-flex justify-content-md-center p-0",
36995
+ style: {
36996
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
36997
+ }
36998
+ }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("p", {
36999
+ style: {
37000
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
37001
+ color: sectionproperties.sectionTitleColor,
37002
+ fontWeight: sectionproperties.sectionTitleFontWeight,
37003
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37004
+ position: 'relative'
37005
+ }
37006
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
37007
+ "class": "".concat(section_styles.sectiontitlespan)
37008
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("p", {
37009
+ className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
37010
+ style: {
37011
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
37012
+ color: sectionproperties.sectionTitleColor,
37013
+ fontWeight: sectionproperties.sectionTitleFontWeight,
37014
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37015
+ position: 'relative'
37016
+ }
37017
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
37018
+ "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
37019
+ style: {
37020
+ textAlign: langdetect == 'en' ? 'left' : 'right'
37021
+ }
37022
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
37023
+ "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
37024
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37025
+ "class": 'p-md-0 justify-content-md-center wordbreak text-md-center w-100',
37026
+ style: {
37027
+ position: 'relative',
37028
+ fontSize: sectionproperties.prodCatFontSize + 'px',
37029
+ color: sectionproperties.prodCatColor,
37030
+ fontWeight: sectionproperties.prodCatFontWeight,
37031
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px',
37032
+ textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
37033
+ paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
37034
+ paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
37035
+ }
37036
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
37037
+ "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
37038
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37039
+ "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
37040
+ style: {
37041
+ position: 'relative',
37042
+ fontSize: sectionproperties.generaltext_fontSize + 'px',
37043
+ color: sectionproperties.generaltext_fontColor,
37044
+ fontWeight: sectionproperties.generaltext_fontWeight,
37045
+ marginBottom: sectionproperties.text_styles_marginBottom + 'px',
37046
+ textAlign: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start'
37047
+ },
37048
+ dangerouslySetInnerHTML: {
37049
+ __html: langdetect == 'en' ? sectionproperties.textstylesen_editor : sectionproperties.textstylesar_editor
37050
+ }
37051
+ })), cardsarray.map(function (cardinfoitem, cardinfoindex) {
37052
+ return /*#__PURE__*/React__default["default"].createElement("div", {
37053
+ "class": sectionproperties.numberOfColsvertical == '6' ? 'col-lg-2 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '1' ? 'col-lg-12 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '2' ? 'col-lg-6 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '3' ? 'col-lg-4 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '4' ? 'col-lg-3 col-md-6 col-sm-12 d-flex mb-3' : 'col-lg-6 col-md-6 col-sm-12 d-flex mb-3'
37054
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
37055
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? 'row m-0 w-100 d-flex flex-column' : 'row m-0 w-100 d-flex flex-row allcentered'
37056
+ }, cardsarray[cardinfoindex].cardobj_img == null && /*#__PURE__*/React__default["default"].createElement("p", {
37057
+ "class": "MonotonCursive mt-n2 p-0 m-0",
37058
+ style: {
37059
+ color: sectionproperties.iconcontainercolor,
37060
+ fontSize: sectionproperties.icontextfontsize + 'px',
37061
+ whiteSpace: 'nowrap'
37062
+ }
37063
+ }, "0", cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React__default["default"].createElement("div", {
37064
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? 'p-0 m-0' : 'p-0 m-0 mb-5',
37065
+ style: {
37066
+ width: sectionproperties.iconcontainerwidth + 'vh',
37067
+ height: sectionproperties.iconcontainerheight + 'vh'
37068
+ }
37069
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
37070
+ "class": "h-sm-auto",
37071
+ urlEndpoint: IKurlEndpoint,
37072
+ publicKey: IKpublicKey,
37073
+ path: cardsarray[cardinfoindex].cardobj_img,
37074
+ style: {
37075
+ width: '100%',
37076
+ height: '100%',
37077
+ objectFit: 'contain'
37078
+ }
37079
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
37080
+ "class": sectionproperties.cardsdirection == 'Horizontal' ? sectionproperties.numberOfColsvertical == '1' ? 'col-lg-10 col-md-10 col-sm-10 d-flex flex-column pl-3 align-items-center' : 'col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3 align-items-center' : 'col-lg-12 col-md-12 col-sm-12 d-flex flex-column pl-3 align-items-center'
37081
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37082
+ "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 wordbreak wordbreak1 w-100' : 'mb-auto mt-auto p-0 wordbreak wordbreak1 w-100',
37083
+ style: {
37084
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
37085
+ color: sectionproperties.slideshowText1ContentColor,
37086
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
37087
+ textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
37088
+ }
37089
+ }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowText2ContentFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
37090
+ "class": "m-0 p-0 wordbreak wordbreak3 w-100",
37091
+ style: {
37092
+ color: sectionproperties.slideshowText2ContentColor,
37093
+ fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
37094
+ fontWeight: sectionproperties.slideshowText2ContentFontWeight,
37095
+ textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
37096
+ }
37097
+ }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
37098
+ }));
37099
+ };
36979
37100
  return /*#__PURE__*/React__default["default"].createElement("div", {
36980
37101
  "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
36981
37102
  }, /*#__PURE__*/React__default["default"].createElement("div", {
36982
- "class": section_styles.cards_sections + ' col-lg-12 pl-md-2 pr-md-2 '
36983
- }, /*#__PURE__*/React__default["default"].createElement("div", {
37103
+ "class": section_styles.cards_sections + ' w-100 pl-md-2 pr-md-2 '
37104
+ }, sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React__default["default"].createElement("div", {
36984
37105
  "class": "row m-0 d-flex justify-content-center w-100"
36985
37106
  }, /*#__PURE__*/React__default["default"].createElement("div", {
36986
37107
  "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
36987
37108
  }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
36988
37109
  "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37110
+ }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
37111
+ "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37112
+ }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
37113
+ "class": "row m-0 d-flex justify-content-center w-100"
36989
37114
  }, /*#__PURE__*/React__default["default"].createElement("div", {
36990
- "class": "row ml-0 mr-0 w-100 mb-auto",
36991
- style: {
36992
- paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
36993
- }
36994
- }, /*#__PURE__*/React__default["default"].createElement("div", {
36995
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
36996
- style: {
36997
- marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
36998
- }
36999
- }, /*#__PURE__*/React__default["default"].createElement("div", {
37000
- "class": "row ml-0 mr-0 w-100 mb-auto"
37115
+ "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37116
+ }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
37117
+ "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37118
+ }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
37119
+ "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37120
+ }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
37121
+ "class": "row m-0 d-flex justify-content-center w-100"
37001
37122
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37002
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37003
- style: {
37004
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37005
- }
37006
- }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("p", {
37007
- style: {
37008
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
37009
- color: sectionproperties.sectionTitleColor,
37010
- fontWeight: sectionproperties.sectionTitleFontWeight,
37011
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37012
- position: 'relative'
37013
- }
37014
- }, /*#__PURE__*/React__default["default"].createElement("span", {
37015
- "class": "".concat(section_styles.sectiontitlespan)
37016
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
37017
- "class": "col-lg-12 d-flex justify-content-md-center p-0",
37018
- style: {
37019
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
37020
- }
37021
- }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("p", {
37022
- className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
37023
- style: {
37024
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
37025
- color: sectionproperties.sectionTitleColor,
37026
- fontWeight: sectionproperties.sectionTitleFontWeight,
37027
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
37028
- position: 'relative'
37029
- }
37030
- }, /*#__PURE__*/React__default["default"].createElement("span", {
37031
- "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
37032
- style: {
37033
- textAlign: langdetect == 'en' ? 'left' : 'right'
37034
- }
37035
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
37036
- "class": 'col-lg-12 d-flex justify-content-center mb-3 pl-md-2 pr-md-2'
37037
- }, /*#__PURE__*/React__default["default"].createElement("p", {
37038
- "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
37039
- style: {
37040
- position: 'relative',
37041
- fontSize: sectionproperties.prodCatFontSize + 'px',
37042
- color: sectionproperties.prodCatColor,
37043
- fontWeight: sectionproperties.prodCatFontWeight,
37044
- marginBottom: sectionproperties.descriptionMarginBottom + 'px',
37045
- textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
37046
- }
37047
- }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
37048
- return /*#__PURE__*/React__default["default"].createElement("div", {
37049
- "class": "col-lg-6 d-flex mb-3"
37050
- }, /*#__PURE__*/React__default["default"].createElement("div", {
37051
- "class": "row m-0 w-100 d-flex flex-row"
37052
- }, /*#__PURE__*/React__default["default"].createElement("p", {
37053
- "class": "MonotonCursive mt-n2 p-0 m-0",
37054
- style: {
37055
- color: sectionproperties.generaltext_fontColor,
37056
- fontSize: sectionproperties.generaltext_fontSize + 'px',
37057
- whiteSpace: 'nowrap'
37058
- }
37059
- }, "0", cardinfoindex + 1), /*#__PURE__*/React__default["default"].createElement("div", {
37060
- "class": "col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3"
37061
- }, /*#__PURE__*/React__default["default"].createElement("p", {
37062
- "class": "m-0 p-0 wordbreak wordbreak1",
37063
- style: {
37064
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
37065
- color: sectionproperties.slideshowText1ContentColor,
37066
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
37067
- textAlign: langdetect == 'en' ? 'left' : 'right'
37068
- }
37069
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
37070
- "class": "m-0 p-0 wordbreak wordbreak3",
37071
- style: {
37072
- color: sectionproperties.slideshowText2ContentColor,
37073
- fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
37074
- fontWeight: sectionproperties.slideshowText2ContentFontWeight,
37075
- textAlign: langdetect == 'en' ? 'left' : 'right'
37076
- }
37077
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
37078
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
37123
+ "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
37124
+ }, imagesection()), /*#__PURE__*/React__default["default"].createElement("div", {
37125
+ "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
37126
+ }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
37079
37127
  "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
37080
37128
  }, imagesection()))));
37081
37129
  };
@@ -38453,7 +38501,8 @@
38453
38501
  paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
38454
38502
  paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
38455
38503
  borderRadius: sectionproperties.reservation_borderradius + 'px',
38456
- border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
38504
+ border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
38505
+ boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
38457
38506
  }
38458
38507
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38459
38508
  "class": "col-lg-12 d-flex align-items-center p-0",
@@ -39957,6 +40006,9 @@
39957
40006
  "class": "".concat(slideshow_styles.slideshow_btn) + ' allcentered ',
39958
40007
  onClick: function onClick() {
39959
40008
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
40009
+ },
40010
+ style: {
40011
+ direction: langdetect == 'en' ? 'ltr' : 'rtl'
39960
40012
  }
39961
40013
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
39962
40014
  size: 20
@@ -47049,7 +47101,10 @@
47049
47101
  onClick: function onClick() {
47050
47102
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
47051
47103
  },
47052
- "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 '
47104
+ "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 ',
47105
+ style: {
47106
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47107
+ }
47053
47108
  }, item.name)), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
47054
47109
  "class": "col-lg-3 col-md-3 col-sm-3 d-flex justify-content-end p-0"
47055
47110
  }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -51150,7 +51205,6 @@
51150
51205
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
51151
51206
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
51152
51207
  height: sectionproperties.image_height + 'px',
51153
- width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : '100%',
51154
51208
  marginBottom: sectionproperties.image_mb + 'px',
51155
51209
  overflow: 'hidden',
51156
51210
  position: 'relative',
@@ -51223,7 +51277,8 @@
51223
51277
  })), /*#__PURE__*/React__default["default"].createElement("div", {
51224
51278
  "class": card_cssstyles.imagecontainer + ' d-none d-sm-flex',
51225
51279
  style: {
51226
- height: sectionproperties.height_responsive + 'px'
51280
+ height: sectionproperties.height_responsive + 'px',
51281
+ width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : sectionproperties.image_width_resp + '%'
51227
51282
  }
51228
51283
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
51229
51284
  urlEndpoint: IKurlEndpoint,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.235",
3
+ "version": "0.0.236",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {