tabexseriescomponents 0.2.903 → 0.2.904

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 +51 -86
  2. package/dist/index.esm.js +51 -86
  3. package/dist/index.umd.js +51 -86
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -89251,94 +89251,59 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
89251
89251
  "class": ' row m-0 w-100 '
89252
89252
  }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
89253
89253
  var _item$values5, _item$values6, _item$values7;
89254
- return (
89255
- /*#__PURE__*/
89256
- // scrollhorixontalcontainer
89257
- React__default["default"].createElement("div", {
89258
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered p-sm-0"
89259
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
89260
- var isChoosedValueExists = false;
89261
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
89262
- if (choseitem != null) {
89263
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
89264
- isChoosedValueExists = true;
89265
- }
89266
- }
89267
- });
89268
- if (valindex <= 3) {
89269
- if (sectionproperties.typeofvariantstobeshownincard == 'Show Colors Only') {
89270
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8;
89271
- if ((item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' || (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Colour' || (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'colour') {
89272
- var _item$option_info9, _item$option_info0, _item$option_info1, _item$option_info10, _item$option_info11, _valitem$valueinfo, _item$option_info12, _valitem$valueinfo2;
89273
- return /*#__PURE__*/React__default["default"].createElement("div", {
89274
- style: {
89275
- textAlign: 'center'
89276
- },
89277
- "class": "mx-1"
89278
- }, /*#__PURE__*/React__default["default"].createElement("button", {
89279
- onClick: function onClick() {
89280
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89281
- },
89282
- style: {
89283
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89284
- color: isChoosedValueExists ? '#ffffff' : '#000000',
89285
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89286
- padding: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? '5px' : '5px 10px',
89287
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89288
- fontSize: '13px',
89289
- width: (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? 25 : '',
89290
- height: (item === null || item === void 0 || (_item$option_info1 = item.option_info) === null || _item$option_info1 === void 0 ? void 0 : _item$option_info1.optionname) == 'Color' ? 25 : '',
89291
- borderRadius: (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? 100 : 5,
89292
- background: (item === null || item === void 0 || (_item$option_info11 = item.option_info) === null || _item$option_info11 === void 0 ? void 0 : _item$option_info11.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89293
- fontWeight: 500
89294
- },
89295
- disabled: valitem.disabled
89296
- }, (item === null || item === void 0 || (_item$option_info12 = item.option_info) === null || _item$option_info12 === void 0 ? void 0 : _item$option_info12.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
89297
- }
89298
- } else {
89299
- var _item$option_info13, _item$option_info14, _item$option_info15, _item$option_info16, _item$option_info17, _valitem$valueinfo3, _item$option_info18, _valitem$valueinfo4;
89300
- return /*#__PURE__*/React__default["default"].createElement("div", {
89301
- style: {
89302
- textAlign: 'center'
89303
- },
89304
- "class": "mx-1"
89305
- }, item.optionname, /*#__PURE__*/React__default["default"].createElement("button", {
89306
- onClick: function onClick() {
89307
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89308
- },
89309
- style: {
89310
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89311
- color: isChoosedValueExists ? '#ffffff' : '#000000',
89312
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89313
- padding: (item === null || item === void 0 || (_item$option_info13 = item.option_info) === null || _item$option_info13 === void 0 ? void 0 : _item$option_info13.optionname) == 'Color' ? '5px' : '5px 10px',
89314
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89315
- fontSize: '13px',
89316
- width: (item === null || item === void 0 || (_item$option_info14 = item.option_info) === null || _item$option_info14 === void 0 ? void 0 : _item$option_info14.optionname) == 'Color' ? 25 : '',
89317
- height: (item === null || item === void 0 || (_item$option_info15 = item.option_info) === null || _item$option_info15 === void 0 ? void 0 : _item$option_info15.optionname) == 'Color' ? 25 : '',
89318
- borderRadius: (item === null || item === void 0 || (_item$option_info16 = item.option_info) === null || _item$option_info16 === void 0 ? void 0 : _item$option_info16.optionname) == 'Color' ? 100 : 5,
89319
- background: (item === null || item === void 0 || (_item$option_info17 = item.option_info) === null || _item$option_info17 === void 0 ? void 0 : _item$option_info17.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo3 = valitem.valueinfo) === null || _valitem$valueinfo3 === void 0 ? void 0 : _valitem$valueinfo3.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89320
- fontWeight: 500
89321
- },
89322
- disabled: valitem.disabled
89323
- }, (item === null || item === void 0 || (_item$option_info18 = item.option_info) === null || _item$option_info18 === void 0 ? void 0 : _item$option_info18.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo4 = valitem.valueinfo) === null || _valitem$valueinfo4 === void 0 ? void 0 : _valitem$valueinfo4.valuename) || 'Unnamed'));
89254
+ return /*#__PURE__*/React__default["default"].createElement("div", {
89255
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
89256
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
89257
+ var isChoosedValueExists = false;
89258
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
89259
+ if (choseitem != null) {
89260
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
89261
+ isChoosedValueExists = true;
89324
89262
  }
89325
89263
  }
89326
- }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
89327
- className: "mx-1 d-flex align-items-center justify-content-center",
89328
- style: {
89329
- width: 25,
89330
- height: 25,
89331
- borderRadius: 100,
89332
- backgroundColor: sectionproperties.activeproductcolor,
89333
- color: '#fff',
89334
- fontSize: '13px',
89335
- cursor: 'pointer'
89336
- },
89337
- onClick: function onClick() {
89338
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
89339
- }
89340
- }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4))
89341
- );
89264
+ });
89265
+ if (valindex <= 3) {
89266
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info0, _valitem$valueinfo2;
89267
+ return /*#__PURE__*/React__default["default"].createElement("div", {
89268
+ style: {
89269
+ textAlign: 'center'
89270
+ },
89271
+ "class": "mx-1"
89272
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
89273
+ onClick: function onClick() {
89274
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89275
+ },
89276
+ style: {
89277
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89278
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
89279
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89280
+ padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
89281
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89282
+ fontSize: '13px',
89283
+ width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
89284
+ height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
89285
+ borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
89286
+ background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89287
+ fontWeight: 500
89288
+ },
89289
+ disabled: valitem.disabled
89290
+ }, (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
89291
+ }
89292
+ }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
89293
+ className: "mx-1 d-flex align-items-center justify-content-center",
89294
+ style: {
89295
+ width: 25,
89296
+ height: 25,
89297
+ borderRadius: 100,
89298
+ backgroundColor: sectionproperties.activeproductcolor,
89299
+ color: '#fff',
89300
+ fontSize: '13px',
89301
+ cursor: 'pointer'
89302
+ },
89303
+ onClick: function onClick() {
89304
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
89305
+ }
89306
+ }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
89342
89307
  })));
89343
89308
  };
89344
89309
 
package/dist/index.esm.js CHANGED
@@ -89201,94 +89201,59 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
89201
89201
  "class": ' row m-0 w-100 '
89202
89202
  }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
89203
89203
  var _item$values5, _item$values6, _item$values7;
89204
- return (
89205
- /*#__PURE__*/
89206
- // scrollhorixontalcontainer
89207
- React.createElement("div", {
89208
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered p-sm-0"
89209
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
89210
- var isChoosedValueExists = false;
89211
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
89212
- if (choseitem != null) {
89213
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
89214
- isChoosedValueExists = true;
89215
- }
89216
- }
89217
- });
89218
- if (valindex <= 3) {
89219
- if (sectionproperties.typeofvariantstobeshownincard == 'Show Colors Only') {
89220
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8;
89221
- if ((item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' || (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Colour' || (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'colour') {
89222
- var _item$option_info9, _item$option_info0, _item$option_info1, _item$option_info10, _item$option_info11, _valitem$valueinfo, _item$option_info12, _valitem$valueinfo2;
89223
- return /*#__PURE__*/React.createElement("div", {
89224
- style: {
89225
- textAlign: 'center'
89226
- },
89227
- "class": "mx-1"
89228
- }, /*#__PURE__*/React.createElement("button", {
89229
- onClick: function onClick() {
89230
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89231
- },
89232
- style: {
89233
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89234
- color: isChoosedValueExists ? '#ffffff' : '#000000',
89235
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89236
- padding: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? '5px' : '5px 10px',
89237
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89238
- fontSize: '13px',
89239
- width: (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? 25 : '',
89240
- height: (item === null || item === void 0 || (_item$option_info1 = item.option_info) === null || _item$option_info1 === void 0 ? void 0 : _item$option_info1.optionname) == 'Color' ? 25 : '',
89241
- borderRadius: (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? 100 : 5,
89242
- background: (item === null || item === void 0 || (_item$option_info11 = item.option_info) === null || _item$option_info11 === void 0 ? void 0 : _item$option_info11.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89243
- fontWeight: 500
89244
- },
89245
- disabled: valitem.disabled
89246
- }, (item === null || item === void 0 || (_item$option_info12 = item.option_info) === null || _item$option_info12 === void 0 ? void 0 : _item$option_info12.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
89247
- }
89248
- } else {
89249
- var _item$option_info13, _item$option_info14, _item$option_info15, _item$option_info16, _item$option_info17, _valitem$valueinfo3, _item$option_info18, _valitem$valueinfo4;
89250
- return /*#__PURE__*/React.createElement("div", {
89251
- style: {
89252
- textAlign: 'center'
89253
- },
89254
- "class": "mx-1"
89255
- }, item.optionname, /*#__PURE__*/React.createElement("button", {
89256
- onClick: function onClick() {
89257
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89258
- },
89259
- style: {
89260
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89261
- color: isChoosedValueExists ? '#ffffff' : '#000000',
89262
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89263
- padding: (item === null || item === void 0 || (_item$option_info13 = item.option_info) === null || _item$option_info13 === void 0 ? void 0 : _item$option_info13.optionname) == 'Color' ? '5px' : '5px 10px',
89264
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89265
- fontSize: '13px',
89266
- width: (item === null || item === void 0 || (_item$option_info14 = item.option_info) === null || _item$option_info14 === void 0 ? void 0 : _item$option_info14.optionname) == 'Color' ? 25 : '',
89267
- height: (item === null || item === void 0 || (_item$option_info15 = item.option_info) === null || _item$option_info15 === void 0 ? void 0 : _item$option_info15.optionname) == 'Color' ? 25 : '',
89268
- borderRadius: (item === null || item === void 0 || (_item$option_info16 = item.option_info) === null || _item$option_info16 === void 0 ? void 0 : _item$option_info16.optionname) == 'Color' ? 100 : 5,
89269
- background: (item === null || item === void 0 || (_item$option_info17 = item.option_info) === null || _item$option_info17 === void 0 ? void 0 : _item$option_info17.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo3 = valitem.valueinfo) === null || _valitem$valueinfo3 === void 0 ? void 0 : _valitem$valueinfo3.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89270
- fontWeight: 500
89271
- },
89272
- disabled: valitem.disabled
89273
- }, (item === null || item === void 0 || (_item$option_info18 = item.option_info) === null || _item$option_info18 === void 0 ? void 0 : _item$option_info18.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo4 = valitem.valueinfo) === null || _valitem$valueinfo4 === void 0 ? void 0 : _valitem$valueinfo4.valuename) || 'Unnamed'));
89204
+ return /*#__PURE__*/React.createElement("div", {
89205
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
89206
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
89207
+ var isChoosedValueExists = false;
89208
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
89209
+ if (choseitem != null) {
89210
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
89211
+ isChoosedValueExists = true;
89274
89212
  }
89275
89213
  }
89276
- }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React.createElement("div", {
89277
- className: "mx-1 d-flex align-items-center justify-content-center",
89278
- style: {
89279
- width: 25,
89280
- height: 25,
89281
- borderRadius: 100,
89282
- backgroundColor: sectionproperties.activeproductcolor,
89283
- color: '#fff',
89284
- fontSize: '13px',
89285
- cursor: 'pointer'
89286
- },
89287
- onClick: function onClick() {
89288
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
89289
- }
89290
- }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4))
89291
- );
89214
+ });
89215
+ if (valindex <= 3) {
89216
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info0, _valitem$valueinfo2;
89217
+ return /*#__PURE__*/React.createElement("div", {
89218
+ style: {
89219
+ textAlign: 'center'
89220
+ },
89221
+ "class": "mx-1"
89222
+ }, /*#__PURE__*/React.createElement("button", {
89223
+ onClick: function onClick() {
89224
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89225
+ },
89226
+ style: {
89227
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89228
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
89229
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89230
+ padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
89231
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89232
+ fontSize: '13px',
89233
+ width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
89234
+ height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
89235
+ borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
89236
+ background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89237
+ fontWeight: 500
89238
+ },
89239
+ disabled: valitem.disabled
89240
+ }, (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
89241
+ }
89242
+ }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React.createElement("div", {
89243
+ className: "mx-1 d-flex align-items-center justify-content-center",
89244
+ style: {
89245
+ width: 25,
89246
+ height: 25,
89247
+ borderRadius: 100,
89248
+ backgroundColor: sectionproperties.activeproductcolor,
89249
+ color: '#fff',
89250
+ fontSize: '13px',
89251
+ cursor: 'pointer'
89252
+ },
89253
+ onClick: function onClick() {
89254
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
89255
+ }
89256
+ }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
89292
89257
  })));
89293
89258
  };
89294
89259
 
package/dist/index.umd.js CHANGED
@@ -89061,94 +89061,59 @@
89061
89061
  "class": ' row m-0 w-100 '
89062
89062
  }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
89063
89063
  var _item$values5, _item$values6, _item$values7;
89064
- return (
89065
- /*#__PURE__*/
89066
- // scrollhorixontalcontainer
89067
- React__default["default"].createElement("div", {
89068
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered p-sm-0"
89069
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
89070
- var isChoosedValueExists = false;
89071
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
89072
- if (choseitem != null) {
89073
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
89074
- isChoosedValueExists = true;
89075
- }
89076
- }
89077
- });
89078
- if (valindex <= 3) {
89079
- if (sectionproperties.typeofvariantstobeshownincard == 'Show Colors Only') {
89080
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8;
89081
- if ((item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' || (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Colour' || (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'colour') {
89082
- var _item$option_info9, _item$option_info0, _item$option_info1, _item$option_info10, _item$option_info11, _valitem$valueinfo, _item$option_info12, _valitem$valueinfo2;
89083
- return /*#__PURE__*/React__default["default"].createElement("div", {
89084
- style: {
89085
- textAlign: 'center'
89086
- },
89087
- "class": "mx-1"
89088
- }, /*#__PURE__*/React__default["default"].createElement("button", {
89089
- onClick: function onClick() {
89090
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89091
- },
89092
- style: {
89093
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89094
- color: isChoosedValueExists ? '#ffffff' : '#000000',
89095
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89096
- padding: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? '5px' : '5px 10px',
89097
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89098
- fontSize: '13px',
89099
- width: (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? 25 : '',
89100
- height: (item === null || item === void 0 || (_item$option_info1 = item.option_info) === null || _item$option_info1 === void 0 ? void 0 : _item$option_info1.optionname) == 'Color' ? 25 : '',
89101
- borderRadius: (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? 100 : 5,
89102
- background: (item === null || item === void 0 || (_item$option_info11 = item.option_info) === null || _item$option_info11 === void 0 ? void 0 : _item$option_info11.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89103
- fontWeight: 500
89104
- },
89105
- disabled: valitem.disabled
89106
- }, (item === null || item === void 0 || (_item$option_info12 = item.option_info) === null || _item$option_info12 === void 0 ? void 0 : _item$option_info12.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
89107
- }
89108
- } else {
89109
- var _item$option_info13, _item$option_info14, _item$option_info15, _item$option_info16, _item$option_info17, _valitem$valueinfo3, _item$option_info18, _valitem$valueinfo4;
89110
- return /*#__PURE__*/React__default["default"].createElement("div", {
89111
- style: {
89112
- textAlign: 'center'
89113
- },
89114
- "class": "mx-1"
89115
- }, item.optionname, /*#__PURE__*/React__default["default"].createElement("button", {
89116
- onClick: function onClick() {
89117
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89118
- },
89119
- style: {
89120
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89121
- color: isChoosedValueExists ? '#ffffff' : '#000000',
89122
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89123
- padding: (item === null || item === void 0 || (_item$option_info13 = item.option_info) === null || _item$option_info13 === void 0 ? void 0 : _item$option_info13.optionname) == 'Color' ? '5px' : '5px 10px',
89124
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89125
- fontSize: '13px',
89126
- width: (item === null || item === void 0 || (_item$option_info14 = item.option_info) === null || _item$option_info14 === void 0 ? void 0 : _item$option_info14.optionname) == 'Color' ? 25 : '',
89127
- height: (item === null || item === void 0 || (_item$option_info15 = item.option_info) === null || _item$option_info15 === void 0 ? void 0 : _item$option_info15.optionname) == 'Color' ? 25 : '',
89128
- borderRadius: (item === null || item === void 0 || (_item$option_info16 = item.option_info) === null || _item$option_info16 === void 0 ? void 0 : _item$option_info16.optionname) == 'Color' ? 100 : 5,
89129
- background: (item === null || item === void 0 || (_item$option_info17 = item.option_info) === null || _item$option_info17 === void 0 ? void 0 : _item$option_info17.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo3 = valitem.valueinfo) === null || _valitem$valueinfo3 === void 0 ? void 0 : _valitem$valueinfo3.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89130
- fontWeight: 500
89131
- },
89132
- disabled: valitem.disabled
89133
- }, (item === null || item === void 0 || (_item$option_info18 = item.option_info) === null || _item$option_info18 === void 0 ? void 0 : _item$option_info18.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo4 = valitem.valueinfo) === null || _valitem$valueinfo4 === void 0 ? void 0 : _valitem$valueinfo4.valuename) || 'Unnamed'));
89064
+ return /*#__PURE__*/React__default["default"].createElement("div", {
89065
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
89066
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
89067
+ var isChoosedValueExists = false;
89068
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
89069
+ if (choseitem != null) {
89070
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
89071
+ isChoosedValueExists = true;
89134
89072
  }
89135
89073
  }
89136
- }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
89137
- className: "mx-1 d-flex align-items-center justify-content-center",
89138
- style: {
89139
- width: 25,
89140
- height: 25,
89141
- borderRadius: 100,
89142
- backgroundColor: sectionproperties.activeproductcolor,
89143
- color: '#fff',
89144
- fontSize: '13px',
89145
- cursor: 'pointer'
89146
- },
89147
- onClick: function onClick() {
89148
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
89149
- }
89150
- }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4))
89151
- );
89074
+ });
89075
+ if (valindex <= 3) {
89076
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info0, _valitem$valueinfo2;
89077
+ return /*#__PURE__*/React__default["default"].createElement("div", {
89078
+ style: {
89079
+ textAlign: 'center'
89080
+ },
89081
+ "class": "mx-1"
89082
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
89083
+ onClick: function onClick() {
89084
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
89085
+ },
89086
+ style: {
89087
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
89088
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
89089
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
89090
+ padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
89091
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
89092
+ fontSize: '13px',
89093
+ width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
89094
+ height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
89095
+ borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
89096
+ background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
89097
+ fontWeight: 500
89098
+ },
89099
+ disabled: valitem.disabled
89100
+ }, (item === null || item === void 0 || (_item$option_info0 = item.option_info) === null || _item$option_info0 === void 0 ? void 0 : _item$option_info0.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
89101
+ }
89102
+ }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
89103
+ className: "mx-1 d-flex align-items-center justify-content-center",
89104
+ style: {
89105
+ width: 25,
89106
+ height: 25,
89107
+ borderRadius: 100,
89108
+ backgroundColor: sectionproperties.activeproductcolor,
89109
+ color: '#fff',
89110
+ fontSize: '13px',
89111
+ cursor: 'pointer'
89112
+ },
89113
+ onClick: function onClick() {
89114
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, props.actions.item.productid, props.actions.fetchingtypeprops, null);
89115
+ }
89116
+ }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
89152
89117
  })));
89153
89118
  };
89154
89119
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.903",
3
+ "version": "0.2.904",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",