tabexseriescomponents 0.0.127 → 0.0.128

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 +73 -25
  2. package/dist/index.esm.js +73 -25
  3. package/dist/index.umd.js +73 -25
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -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-lg-7 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-lg-7 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',
@@ -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-lg-7 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-lg-7 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, {
@@ -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", {
@@ -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
@@ -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-lg-7 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-lg-7 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',
@@ -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-lg-7 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-lg-7 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, {
@@ -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", {
@@ -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
@@ -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-lg-7 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-lg-7 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',
@@ -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-lg-7 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-lg-7 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, {
@@ -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", {
@@ -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.128",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {