tabexseriescomponents 0.0.127 → 0.0.129

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 +83 -35
  2. package/dist/index.esm.js +83 -35
  3. package/dist/index.umd.js +83 -35
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1122,7 +1122,7 @@ var Product_itemtype = function Product_itemtype(props) {
1122
1122
  showMore = _useState2[0],
1123
1123
  setShowMore = _useState2[1];
1124
1124
  return /*#__PURE__*/React__default["default"].createElement("div", {
1125
- className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
1125
+ className: 'row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0',
1126
1126
  style: {
1127
1127
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
1128
1128
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
@@ -1137,7 +1137,7 @@ var Product_itemtype = function Product_itemtype(props) {
1137
1137
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1138
1138
  className: 'row m-0 w-100'
1139
1139
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1140
- className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1140
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1141
1141
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1142
1142
  className: "col-lg-12 p-0 ",
1143
1143
  style: {
@@ -1150,7 +1150,7 @@ var Product_itemtype = function Product_itemtype(props) {
1150
1150
  showNav: false,
1151
1151
  showPlayButton: false
1152
1152
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1153
- className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3'
1153
+ className: langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
1154
1154
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1155
1155
  className: "row m-0 w-100"
1156
1156
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1161,6 +1161,9 @@ var Product_itemtype = function Product_itemtype(props) {
1161
1161
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1162
1162
  onClick: function onClick() {
1163
1163
  routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
1164
+ },
1165
+ style: {
1166
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1164
1167
  }
1165
1168
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
1166
1169
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
@@ -1331,7 +1334,7 @@ var Product_itemtype = function Product_itemtype(props) {
1331
1334
  } else {
1332
1335
  isoptionvaluedenabled = 0;
1333
1336
  }
1334
- if (item.optionname == 'color') {
1337
+ if (item.optionname == 'color' || item.optionname == 'Color') {
1335
1338
  return /*#__PURE__*/React__default["default"].createElement("div", {
1336
1339
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1337
1340
  onClick: function onClick() {
@@ -1354,8 +1357,11 @@ var Product_itemtype = function Product_itemtype(props) {
1354
1357
  }
1355
1358
  },
1356
1359
  style: {
1357
- backgroundColor: isoptionvaluedenabled == 1 ? '' : 'grey',
1358
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
1360
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
1361
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1362
+ minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1363
+ height: sectionproperties.variantcontainer_height + 'px',
1364
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1359
1365
  }
1360
1366
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1361
1367
  className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
@@ -2217,7 +2223,7 @@ var Service_itemtype = function Service_itemtype(props) {
2217
2223
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
2218
2224
  var NotificationManager = props.actions.NotificationManager;
2219
2225
  return /*#__PURE__*/React__default["default"].createElement("div", {
2220
- className: ' row m-0 w-100 pl-md-4 pr-md-4 p-sm-0 ',
2226
+ className: ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ',
2221
2227
  style: {
2222
2228
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
2223
2229
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
@@ -2230,7 +2236,7 @@ var Service_itemtype = function Service_itemtype(props) {
2230
2236
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2231
2237
  className: 'row m-0 w-100'
2232
2238
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2233
- "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1 mb-md-5 pb-md-4"
2239
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
2234
2240
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2235
2241
  "class": "col-lg-12 p-0 ",
2236
2242
  style: {
@@ -2243,7 +2249,7 @@ var Service_itemtype = function Service_itemtype(props) {
2243
2249
  showNav: false,
2244
2250
  showPlayButton: false
2245
2251
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
2246
- "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2'
2252
+ "class": langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2247
2253
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2248
2254
  "class": "row m-0 w-100"
2249
2255
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10248,28 +10254,26 @@ var Headerresponsive = function Headerresponsive(props) {
10248
10254
  className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
10249
10255
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
10250
10256
  className: 'allcentered m-0 cursor-pointer'
10251
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10252
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10253
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10254
- src: egyptflag,
10257
+ }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10258
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10255
10259
  style: {
10256
- maxWidth: '2vh',
10257
- maxHeight: '2vh'
10260
+ direction: 'rtl'
10258
10261
  }
10259
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10260
- className: "h-100 allcentered ml-2"
10262
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10263
+ "class": "m-0 p-0 font-weight-500"
10264
+ }, "\u0639"), /*#__PURE__*/React__default["default"].createElement("i", {
10265
+ className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
10261
10266
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10262
10267
  size: 20
10263
- }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10264
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10265
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10266
- src: usflag,
10268
+ }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10269
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10267
10270
  style: {
10268
- maxWidth: '2vh',
10269
- maxHeight: '2vh'
10271
+ direction: 'ltr'
10270
10272
  }
10271
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10272
- className: "h-100 allcentered mr-2"
10273
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10274
+ "class": "m-0 p-0 font-weight-500 mr-1"
10275
+ }, "En"), /*#__PURE__*/React__default["default"].createElement("i", {
10276
+ className: "h-100 allcentered"
10273
10277
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10274
10278
  size: 20
10275
10279
  }))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
@@ -22428,14 +22432,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22428
22432
  maxHeight: '100%'
22429
22433
  }
22430
22434
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22431
- "class": "col-lg-7 p-0 d-flex align-items-center justify-content-center"
22435
+ "class": "col-xl-7 col-lg-6 p-0 d-flex align-items-center justify-content-center"
22432
22436
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
22433
22437
  "class": ' row d-flex justify-content-center m-0 ',
22434
22438
  style: {
22435
22439
  width: sectionproperties.searchbarcont_width + '%'
22436
22440
  }
22437
22441
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22438
- "class": 'col-lg-3 p-0 d-flex align-items-center justify-content-start ',
22442
+ "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start ',
22439
22443
  onClick: function onClick() {
22440
22444
  setdropdownselect(!dropdownselect);
22441
22445
  }
@@ -22449,12 +22453,12 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22449
22453
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
22450
22454
  "class": " d-flex w-100 align-items-center dropdown-toggle_w100 "
22451
22455
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22452
- "class": "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 pr-2 ',
22456
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
22453
22457
  style: {
22454
22458
  display: 'flex'
22455
22459
  }
22456
22460
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22457
- "class": langdetect == 'en' ? ' m-0 p-0 col-lg-10 d-flex justify-content-start' : ' m-0 p-0 col-lg-10 '
22461
+ "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
22458
22462
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React__default["default"].createElement("div", {
22459
22463
  "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
22460
22464
  }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -22481,7 +22485,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22481
22485
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
22482
22486
  }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
22483
22487
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22484
- "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center"
22488
+ "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-start align-items-center"
22485
22489
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22486
22490
  "class": header_cssstyles.searchbarcont + ' p-0 m-0 w-100 ',
22487
22491
  style: {
@@ -22507,7 +22511,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22507
22511
  srcfromprops: 'headerfullwidth',
22508
22512
  actions: actions
22509
22513
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22510
- "class": "col-lg-3",
22514
+ "class": "col-xl-3 col-lg-4 plr-1025-1",
22511
22515
  style: {
22512
22516
  paddingLeft: langdetect == 'en' ? '5rem' : 0,
22513
22517
  paddingRight: langdetect == 'ar' ? '5rem' : 0
@@ -22683,7 +22687,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22683
22687
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22684
22688
  "class": header_cssstyles.divider
22685
22689
  })), /*#__PURE__*/React__default["default"].createElement("div", {
22686
- "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 '
22690
+ "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22687
22691
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22688
22692
  "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
22689
22693
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23881,7 +23885,7 @@ var Allinonefooter = function Allinonefooter(props) {
23881
23885
  paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
23882
23886
  paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
23883
23887
  },
23884
- "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 '
23888
+ "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
23885
23889
  }, /*#__PURE__*/React__default["default"].createElement("div", {
23886
23890
  "class": "row m-0 w-100 justify-content-center d-md-none"
23887
23891
  }, StoreInformation()), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -38148,6 +38152,12 @@ var Card23 = function Card23(props) {
38148
38152
  right: 10,
38149
38153
  transform: "translateX(0px)"
38150
38154
  }
38155
+ }),
38156
+ iconsContainer2: glamor.css({
38157
+ opacity: 1,
38158
+ transition: 'all, 0.4s',
38159
+ right: 10,
38160
+ transform: "translateX(0px)"
38151
38161
  })
38152
38162
  };
38153
38163
  var plainString = function plainString(html) {
@@ -38207,7 +38217,42 @@ var Card23 = function Card23(props) {
38207
38217
  fontSize: '12px'
38208
38218
  }
38209
38219
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
38210
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer '
38220
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
38221
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38222
+ "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38223
+ onClick: function onClick() {
38224
+ addtofavoritescontext(item.productid);
38225
+ }
38226
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38227
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
38228
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
38229
+ size: sectionproperties.favBtnIconfontsize,
38230
+ style: {
38231
+ color: sectionproperties.activefaviconcolor
38232
+ }
38233
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
38234
+ size: sectionproperties.favBtnIconfontsize,
38235
+ style: {
38236
+ color: sectionproperties.activefaviconcolor
38237
+ }
38238
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38239
+ "class": "h-100 d-flex align-items-center justify-content-center"
38240
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
38241
+ size: sectionproperties.favBtnIconfontsize
38242
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
38243
+ size: sectionproperties.favBtnIconfontsize
38244
+ }))), /*#__PURE__*/React__default["default"].createElement("button", {
38245
+ "class": " ".concat(cardsstyles2.showmodal),
38246
+ onClick: function onClick(e) {
38247
+ e.stopPropagation();
38248
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38249
+ }
38250
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
38251
+ "class": "h-100 d-flex align-items-center justify-content-center"
38252
+ }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
38253
+ size: sectionproperties.generalbtn_fontsize
38254
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
38255
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
38211
38256
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38212
38257
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38213
38258
  onClick: function onClick() {
@@ -38262,7 +38307,10 @@ var Card23 = function Card23(props) {
38262
38307
  onClick: function onClick() {
38263
38308
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38264
38309
  },
38265
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 '
38310
+ "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
38311
+ style: {
38312
+ textAlign: langdetect == 'en' ? 'left' : 'right'
38313
+ }
38266
38314
  }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
38267
38315
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
38268
38316
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
package/dist/index.esm.js CHANGED
@@ -1079,7 +1079,7 @@ var Product_itemtype = function Product_itemtype(props) {
1079
1079
  showMore = _useState2[0],
1080
1080
  setShowMore = _useState2[1];
1081
1081
  return /*#__PURE__*/React.createElement("div", {
1082
- className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
1082
+ className: 'row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0',
1083
1083
  style: {
1084
1084
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
1085
1085
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
@@ -1094,7 +1094,7 @@ var Product_itemtype = function Product_itemtype(props) {
1094
1094
  }, /*#__PURE__*/React.createElement("div", {
1095
1095
  className: 'row m-0 w-100'
1096
1096
  }, /*#__PURE__*/React.createElement("div", {
1097
- className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1097
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1098
1098
  }, /*#__PURE__*/React.createElement("div", {
1099
1099
  className: "col-lg-12 p-0 ",
1100
1100
  style: {
@@ -1107,7 +1107,7 @@ var Product_itemtype = function Product_itemtype(props) {
1107
1107
  showNav: false,
1108
1108
  showPlayButton: false
1109
1109
  }))), /*#__PURE__*/React.createElement("div", {
1110
- className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3'
1110
+ className: langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
1111
1111
  }, /*#__PURE__*/React.createElement("div", {
1112
1112
  className: "row m-0 w-100"
1113
1113
  }, /*#__PURE__*/React.createElement("div", {
@@ -1118,6 +1118,9 @@ var Product_itemtype = function Product_itemtype(props) {
1118
1118
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1119
1119
  onClick: function onClick() {
1120
1120
  routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
1121
+ },
1122
+ style: {
1123
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1121
1124
  }
1122
1125
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React.createElement("div", {
1123
1126
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
@@ -1288,7 +1291,7 @@ var Product_itemtype = function Product_itemtype(props) {
1288
1291
  } else {
1289
1292
  isoptionvaluedenabled = 0;
1290
1293
  }
1291
- if (item.optionname == 'color') {
1294
+ if (item.optionname == 'color' || item.optionname == 'Color') {
1292
1295
  return /*#__PURE__*/React.createElement("div", {
1293
1296
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1294
1297
  onClick: function onClick() {
@@ -1311,8 +1314,11 @@ var Product_itemtype = function Product_itemtype(props) {
1311
1314
  }
1312
1315
  },
1313
1316
  style: {
1314
- backgroundColor: isoptionvaluedenabled == 1 ? '' : 'grey',
1315
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
1317
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
1318
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1319
+ minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1320
+ height: sectionproperties.variantcontainer_height + 'px',
1321
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1316
1322
  }
1317
1323
  }, /*#__PURE__*/React.createElement("p", {
1318
1324
  className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
@@ -2174,7 +2180,7 @@ var Service_itemtype = function Service_itemtype(props) {
2174
2180
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
2175
2181
  var NotificationManager = props.actions.NotificationManager;
2176
2182
  return /*#__PURE__*/React.createElement("div", {
2177
- className: ' row m-0 w-100 pl-md-4 pr-md-4 p-sm-0 ',
2183
+ className: ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ',
2178
2184
  style: {
2179
2185
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
2180
2186
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
@@ -2187,7 +2193,7 @@ var Service_itemtype = function Service_itemtype(props) {
2187
2193
  }, /*#__PURE__*/React.createElement("div", {
2188
2194
  className: 'row m-0 w-100'
2189
2195
  }, /*#__PURE__*/React.createElement("div", {
2190
- "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1 mb-md-5 pb-md-4"
2196
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
2191
2197
  }, /*#__PURE__*/React.createElement("div", {
2192
2198
  "class": "col-lg-12 p-0 ",
2193
2199
  style: {
@@ -2200,7 +2206,7 @@ var Service_itemtype = function Service_itemtype(props) {
2200
2206
  showNav: false,
2201
2207
  showPlayButton: false
2202
2208
  }))), /*#__PURE__*/React.createElement("div", {
2203
- "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2'
2209
+ "class": langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2204
2210
  }, /*#__PURE__*/React.createElement("div", {
2205
2211
  "class": "row m-0 w-100"
2206
2212
  }, /*#__PURE__*/React.createElement("div", {
@@ -10205,28 +10211,26 @@ var Headerresponsive = function Headerresponsive(props) {
10205
10211
  className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
10206
10212
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
10207
10213
  className: 'allcentered m-0 cursor-pointer'
10208
- }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
10209
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10210
- }, /*#__PURE__*/React.createElement("img", {
10211
- src: egyptflag,
10214
+ }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
10215
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10212
10216
  style: {
10213
- maxWidth: '2vh',
10214
- maxHeight: '2vh'
10217
+ direction: 'rtl'
10215
10218
  }
10216
- }), /*#__PURE__*/React.createElement("i", {
10217
- className: "h-100 allcentered ml-2"
10219
+ }, /*#__PURE__*/React.createElement("p", {
10220
+ "class": "m-0 p-0 font-weight-500"
10221
+ }, "\u0639"), /*#__PURE__*/React.createElement("i", {
10222
+ className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
10218
10223
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
10219
10224
  size: 20
10220
- }))), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
10221
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10222
- }, /*#__PURE__*/React.createElement("img", {
10223
- src: usflag,
10225
+ }))), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
10226
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10224
10227
  style: {
10225
- maxWidth: '2vh',
10226
- maxHeight: '2vh'
10228
+ direction: 'ltr'
10227
10229
  }
10228
- }), /*#__PURE__*/React.createElement("i", {
10229
- className: "h-100 allcentered mr-2"
10230
+ }, /*#__PURE__*/React.createElement("p", {
10231
+ "class": "m-0 p-0 font-weight-500 mr-1"
10232
+ }, "En"), /*#__PURE__*/React.createElement("i", {
10233
+ className: "h-100 allcentered"
10230
10234
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
10231
10235
  size: 20
10232
10236
  }))))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
@@ -22385,14 +22389,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22385
22389
  maxHeight: '100%'
22386
22390
  }
22387
22391
  }))), /*#__PURE__*/React.createElement("div", {
22388
- "class": "col-lg-7 p-0 d-flex align-items-center justify-content-center"
22392
+ "class": "col-xl-7 col-lg-6 p-0 d-flex align-items-center justify-content-center"
22389
22393
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
22390
22394
  "class": ' row d-flex justify-content-center m-0 ',
22391
22395
  style: {
22392
22396
  width: sectionproperties.searchbarcont_width + '%'
22393
22397
  }
22394
22398
  }, /*#__PURE__*/React.createElement("div", {
22395
- "class": 'col-lg-3 p-0 d-flex align-items-center justify-content-start ',
22399
+ "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start ',
22396
22400
  onClick: function onClick() {
22397
22401
  setdropdownselect(!dropdownselect);
22398
22402
  }
@@ -22406,12 +22410,12 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22406
22410
  }, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
22407
22411
  "class": " d-flex w-100 align-items-center dropdown-toggle_w100 "
22408
22412
  }, /*#__PURE__*/React.createElement("div", {
22409
- "class": "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 pr-2 ',
22413
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
22410
22414
  style: {
22411
22415
  display: 'flex'
22412
22416
  }
22413
22417
  }, /*#__PURE__*/React.createElement("div", {
22414
- "class": langdetect == 'en' ? ' m-0 p-0 col-lg-10 d-flex justify-content-start' : ' m-0 p-0 col-lg-10 '
22418
+ "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
22415
22419
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React.createElement("div", {
22416
22420
  "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
22417
22421
  }, /*#__PURE__*/React.createElement("i", {
@@ -22438,7 +22442,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22438
22442
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
22439
22443
  }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
22440
22444
  }))))), /*#__PURE__*/React.createElement("div", {
22441
- "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center"
22445
+ "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-start align-items-center"
22442
22446
  }, /*#__PURE__*/React.createElement("div", {
22443
22447
  "class": header_cssstyles.searchbarcont + ' p-0 m-0 w-100 ',
22444
22448
  style: {
@@ -22464,7 +22468,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22464
22468
  srcfromprops: 'headerfullwidth',
22465
22469
  actions: actions
22466
22470
  }))))), /*#__PURE__*/React.createElement("div", {
22467
- "class": "col-lg-3",
22471
+ "class": "col-xl-3 col-lg-4 plr-1025-1",
22468
22472
  style: {
22469
22473
  paddingLeft: langdetect == 'en' ? '5rem' : 0,
22470
22474
  paddingRight: langdetect == 'ar' ? '5rem' : 0
@@ -22640,7 +22644,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22640
22644
  }, /*#__PURE__*/React.createElement("div", {
22641
22645
  "class": header_cssstyles.divider
22642
22646
  })), /*#__PURE__*/React.createElement("div", {
22643
- "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 '
22647
+ "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22644
22648
  }, /*#__PURE__*/React.createElement("div", {
22645
22649
  "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
22646
22650
  }, /*#__PURE__*/React.createElement("div", {
@@ -23838,7 +23842,7 @@ var Allinonefooter = function Allinonefooter(props) {
23838
23842
  paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
23839
23843
  paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
23840
23844
  },
23841
- "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 '
23845
+ "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
23842
23846
  }, /*#__PURE__*/React.createElement("div", {
23843
23847
  "class": "row m-0 w-100 justify-content-center d-md-none"
23844
23848
  }, StoreInformation()), /*#__PURE__*/React.createElement("div", {
@@ -38105,6 +38109,12 @@ var Card23 = function Card23(props) {
38105
38109
  right: 10,
38106
38110
  transform: "translateX(0px)"
38107
38111
  }
38112
+ }),
38113
+ iconsContainer2: css({
38114
+ opacity: 1,
38115
+ transition: 'all, 0.4s',
38116
+ right: 10,
38117
+ transform: "translateX(0px)"
38108
38118
  })
38109
38119
  };
38110
38120
  var plainString = function plainString(html) {
@@ -38164,7 +38174,42 @@ var Card23 = function Card23(props) {
38164
38174
  fontSize: '12px'
38165
38175
  }
38166
38176
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React.createElement("div", {
38167
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer '
38177
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
38178
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
38179
+ "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38180
+ onClick: function onClick() {
38181
+ addtofavoritescontext(item.productid);
38182
+ }
38183
+ }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
38184
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
38185
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, {
38186
+ size: sectionproperties.favBtnIconfontsize,
38187
+ style: {
38188
+ color: sectionproperties.activefaviconcolor
38189
+ }
38190
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart, {
38191
+ size: sectionproperties.favBtnIconfontsize,
38192
+ style: {
38193
+ color: sectionproperties.activefaviconcolor
38194
+ }
38195
+ })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
38196
+ "class": "h-100 d-flex align-items-center justify-content-center"
38197
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
38198
+ size: sectionproperties.favBtnIconfontsize
38199
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
38200
+ size: sectionproperties.favBtnIconfontsize
38201
+ }))), /*#__PURE__*/React.createElement("button", {
38202
+ "class": " ".concat(cardsstyles2.showmodal),
38203
+ onClick: function onClick(e) {
38204
+ e.stopPropagation();
38205
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38206
+ }
38207
+ }, /*#__PURE__*/React.createElement("i", {
38208
+ "class": "h-100 d-flex align-items-center justify-content-center"
38209
+ }, /*#__PURE__*/React.createElement(BsEye, {
38210
+ size: sectionproperties.generalbtn_fontsize
38211
+ })))), /*#__PURE__*/React.createElement("div", {
38212
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
38168
38213
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
38169
38214
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38170
38215
  onClick: function onClick() {
@@ -38219,7 +38264,10 @@ var Card23 = function Card23(props) {
38219
38264
  onClick: function onClick() {
38220
38265
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38221
38266
  },
38222
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 '
38267
+ "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
38268
+ style: {
38269
+ textAlign: langdetect == 'en' ? 'left' : 'right'
38270
+ }
38223
38271
  }, item.name))), /*#__PURE__*/React.createElement("div", {
38224
38272
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
38225
38273
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
package/dist/index.umd.js CHANGED
@@ -991,7 +991,7 @@
991
991
  showMore = _useState2[0],
992
992
  setShowMore = _useState2[1];
993
993
  return /*#__PURE__*/React__default["default"].createElement("div", {
994
- className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
994
+ className: 'row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0',
995
995
  style: {
996
996
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
997
997
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
@@ -1006,7 +1006,7 @@
1006
1006
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1007
1007
  className: 'row m-0 w-100'
1008
1008
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1009
- className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1009
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
1010
1010
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1011
1011
  className: "col-lg-12 p-0 ",
1012
1012
  style: {
@@ -1019,7 +1019,7 @@
1019
1019
  showNav: false,
1020
1020
  showPlayButton: false
1021
1021
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1022
- className: langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-3 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-3'
1022
+ className: langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
1023
1023
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1024
1024
  className: "row m-0 w-100"
1025
1025
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1030,6 +1030,9 @@
1030
1030
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
1031
1031
  onClick: function onClick() {
1032
1032
  routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
1033
+ },
1034
+ style: {
1035
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1033
1036
  }
1034
1037
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
1035
1038
  className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
@@ -1200,7 +1203,7 @@
1200
1203
  } else {
1201
1204
  isoptionvaluedenabled = 0;
1202
1205
  }
1203
- if (item.optionname == 'color') {
1206
+ if (item.optionname == 'color' || item.optionname == 'Color') {
1204
1207
  return /*#__PURE__*/React__default["default"].createElement("div", {
1205
1208
  className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1206
1209
  onClick: function onClick() {
@@ -1223,8 +1226,11 @@
1223
1226
  }
1224
1227
  },
1225
1228
  style: {
1226
- backgroundColor: isoptionvaluedenabled == 1 ? '' : 'grey',
1227
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
1229
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
1230
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1231
+ minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1232
+ height: sectionproperties.variantcontainer_height + 'px',
1233
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
1228
1234
  }
1229
1235
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1230
1236
  className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
@@ -2086,7 +2092,7 @@
2086
2092
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
2087
2093
  var NotificationManager = props.actions.NotificationManager;
2088
2094
  return /*#__PURE__*/React__default["default"].createElement("div", {
2089
- className: ' row m-0 w-100 pl-md-4 pr-md-4 p-sm-0 ',
2095
+ className: ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ',
2090
2096
  style: {
2091
2097
  paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
2092
2098
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
@@ -2099,7 +2105,7 @@
2099
2105
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2100
2106
  className: 'row m-0 w-100'
2101
2107
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2102
- "class": "col-lg-5 col-md-12 col-sm-12 mb-md-3 pl-1 pr-1 mb-md-5 pb-md-4"
2108
+ className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
2103
2109
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2104
2110
  "class": "col-lg-12 p-0 ",
2105
2111
  style: {
@@ -2112,7 +2118,7 @@
2112
2118
  showNav: false,
2113
2119
  showPlayButton: false
2114
2120
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
2115
- "class": langdetect == 'en' ? 'col-lg-7 col-md-12 col-sm-12 pl-2 pr-0' : 'col-lg-7 col-md-12 col-sm-12 pl-0 pr-2'
2121
+ "class": langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2116
2122
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2117
2123
  "class": "row m-0 w-100"
2118
2124
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10117,28 +10123,26 @@
10117
10123
  className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
10118
10124
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
10119
10125
  className: 'allcentered m-0 cursor-pointer'
10120
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10121
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10122
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10123
- src: egyptflag,
10126
+ }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10127
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10124
10128
  style: {
10125
- maxWidth: '2vh',
10126
- maxHeight: '2vh'
10129
+ direction: 'rtl'
10127
10130
  }
10128
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10129
- className: "h-100 allcentered ml-2"
10131
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10132
+ "class": "m-0 p-0 font-weight-500"
10133
+ }, "\u0639"), /*#__PURE__*/React__default["default"].createElement("i", {
10134
+ className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
10130
10135
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10131
10136
  size: 20
10132
- }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
10133
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
10134
- }, /*#__PURE__*/React__default["default"].createElement("img", {
10135
- src: usflag,
10137
+ }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
10138
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
10136
10139
  style: {
10137
- maxWidth: '2vh',
10138
- maxHeight: '2vh'
10140
+ direction: 'ltr'
10139
10141
  }
10140
- }), /*#__PURE__*/React__default["default"].createElement("i", {
10141
- className: "h-100 allcentered mr-2"
10142
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10143
+ "class": "m-0 p-0 font-weight-500 mr-1"
10144
+ }, "En"), /*#__PURE__*/React__default["default"].createElement("i", {
10145
+ className: "h-100 allcentered"
10142
10146
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
10143
10147
  size: 20
10144
10148
  }))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
@@ -22297,14 +22301,14 @@
22297
22301
  maxHeight: '100%'
22298
22302
  }
22299
22303
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22300
- "class": "col-lg-7 p-0 d-flex align-items-center justify-content-center"
22304
+ "class": "col-xl-7 col-lg-6 p-0 d-flex align-items-center justify-content-center"
22301
22305
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
22302
22306
  "class": ' row d-flex justify-content-center m-0 ',
22303
22307
  style: {
22304
22308
  width: sectionproperties.searchbarcont_width + '%'
22305
22309
  }
22306
22310
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22307
- "class": 'col-lg-3 p-0 d-flex align-items-center justify-content-start ',
22311
+ "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start ',
22308
22312
  onClick: function onClick() {
22309
22313
  setdropdownselect(!dropdownselect);
22310
22314
  }
@@ -22318,12 +22322,12 @@
22318
22322
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
22319
22323
  "class": " d-flex w-100 align-items-center dropdown-toggle_w100 "
22320
22324
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22321
- "class": "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 pr-2 ',
22325
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
22322
22326
  style: {
22323
22327
  display: 'flex'
22324
22328
  }
22325
22329
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22326
- "class": langdetect == 'en' ? ' m-0 p-0 col-lg-10 d-flex justify-content-start' : ' m-0 p-0 col-lg-10 '
22330
+ "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
22327
22331
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React__default["default"].createElement("div", {
22328
22332
  "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
22329
22333
  }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -22350,7 +22354,7 @@
22350
22354
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
22351
22355
  }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
22352
22356
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22353
- "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center"
22357
+ "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-start align-items-center"
22354
22358
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22355
22359
  "class": header_cssstyles.searchbarcont + ' p-0 m-0 w-100 ',
22356
22360
  style: {
@@ -22376,7 +22380,7 @@
22376
22380
  srcfromprops: 'headerfullwidth',
22377
22381
  actions: actions
22378
22382
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22379
- "class": "col-lg-3",
22383
+ "class": "col-xl-3 col-lg-4 plr-1025-1",
22380
22384
  style: {
22381
22385
  paddingLeft: langdetect == 'en' ? '5rem' : 0,
22382
22386
  paddingRight: langdetect == 'ar' ? '5rem' : 0
@@ -22552,7 +22556,7 @@
22552
22556
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22553
22557
  "class": header_cssstyles.divider
22554
22558
  })), /*#__PURE__*/React__default["default"].createElement("div", {
22555
- "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 '
22559
+ "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22556
22560
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22557
22561
  "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
22558
22562
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23750,7 +23754,7 @@
23750
23754
  paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
23751
23755
  paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
23752
23756
  },
23753
- "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 '
23757
+ "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
23754
23758
  }, /*#__PURE__*/React__default["default"].createElement("div", {
23755
23759
  "class": "row m-0 w-100 justify-content-center d-md-none"
23756
23760
  }, StoreInformation()), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -38017,6 +38021,12 @@
38017
38021
  right: 10,
38018
38022
  transform: "translateX(0px)"
38019
38023
  }
38024
+ }),
38025
+ iconsContainer2: glamor.css({
38026
+ opacity: 1,
38027
+ transition: 'all, 0.4s',
38028
+ right: 10,
38029
+ transform: "translateX(0px)"
38020
38030
  })
38021
38031
  };
38022
38032
  var plainString = function plainString(html) {
@@ -38076,7 +38086,42 @@
38076
38086
  fontSize: '12px'
38077
38087
  }
38078
38088
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
38079
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer '
38089
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
38090
+ }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38091
+ "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38092
+ onClick: function onClick() {
38093
+ addtofavoritescontext(item.productid);
38094
+ }
38095
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38096
+ "class": "h-100 d-flex align-items-center justify-content-center icon"
38097
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
38098
+ size: sectionproperties.favBtnIconfontsize,
38099
+ style: {
38100
+ color: sectionproperties.activefaviconcolor
38101
+ }
38102
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
38103
+ size: sectionproperties.favBtnIconfontsize,
38104
+ style: {
38105
+ color: sectionproperties.activefaviconcolor
38106
+ }
38107
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
38108
+ "class": "h-100 d-flex align-items-center justify-content-center"
38109
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
38110
+ size: sectionproperties.favBtnIconfontsize
38111
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
38112
+ size: sectionproperties.favBtnIconfontsize
38113
+ }))), /*#__PURE__*/React__default["default"].createElement("button", {
38114
+ "class": " ".concat(cardsstyles2.showmodal),
38115
+ onClick: function onClick(e) {
38116
+ e.stopPropagation();
38117
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38118
+ }
38119
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
38120
+ "class": "h-100 d-flex align-items-center justify-content-center"
38121
+ }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
38122
+ size: sectionproperties.generalbtn_fontsize
38123
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
38124
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
38080
38125
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38081
38126
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
38082
38127
  onClick: function onClick() {
@@ -38131,7 +38176,10 @@
38131
38176
  onClick: function onClick() {
38132
38177
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
38133
38178
  },
38134
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 '
38179
+ "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
38180
+ style: {
38181
+ textAlign: langdetect == 'en' ? 'left' : 'right'
38182
+ }
38135
38183
  }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
38136
38184
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
38137
38185
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.127",
3
+ "version": "0.0.129",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {