tabexseriescomponents 0.0.811 → 0.0.813

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 +32 -15
  2. package/dist/index.esm.js +32 -15
  3. package/dist/index.umd.js +32 -15
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -19177,9 +19177,20 @@ var CardsSection = function CardsSection(props) {
19177
19177
  sectioncontainerr: glamor.css({
19178
19178
  width: sectionproperties.width + 'vw',
19179
19179
  marginTop: sectionproperties.marginTop + 'px',
19180
+ zIndex: 2,
19181
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
19182
+ backgroundSize: 'cover',
19183
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
19184
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
19185
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
19186
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
19187
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
19188
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
19189
+ marginBottom: sectionproperties.marginBottom + 'px',
19180
19190
  '@media (max-width: 800px)': {
19181
19191
  marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
19182
- width: sectionproperties.widthresponsive + '%'
19192
+ width: sectionproperties.widthresponsive + '%',
19193
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimageresp + ')' : ''
19183
19194
  }
19184
19195
  }),
19185
19196
  innercardssection: glamor.css({
@@ -20122,16 +20133,6 @@ var CardsSection = function CardsSection(props) {
20122
20133
  ref: refscr,
20123
20134
  "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto ',
20124
20135
  style: {
20125
- zIndex: 2,
20126
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
20127
- backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
20128
- backgroundSize: 'cover',
20129
- boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
20130
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
20131
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
20132
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
20133
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
20134
- marginBottom: sectionproperties.marginBottom + 'px'
20135
20136
  // minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh',
20136
20137
  }
20137
20138
  }, sectionproperties.length != 0 && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -82051,20 +82052,36 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
82051
82052
  var _exopitem$option_info, _valitemtobeinsreted$;
82052
82053
  if ((exopitem === null || exopitem === void 0 || (_exopitem$option_info = exopitem.option_info) === null || _exopitem$option_info === void 0 ? void 0 : _exopitem$option_info.optionid) == (valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$ = valitemtobeinsreted.option_info) === null || _valitemtobeinsreted$ === void 0 ? void 0 : _valitemtobeinsreted$.optionid)) {
82053
82054
  if (is_valitemexists == false) {
82054
- exopitem.values.push(valitemtobeinsreted);
82055
+ var _valitemtobeinsreted$2;
82056
+ exopitem.values.push(_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
82057
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
82058
+ }));
82055
82059
  }
82056
82060
  isoptionexists = true;
82057
82061
  }
82058
82062
  });
82059
82063
  if (isoptionexists == false) {
82064
+ var _valitemtobeinsreted$3;
82060
82065
  options_w_values.push({
82061
82066
  option_info: valitem.option_info,
82062
- values: [valitemtobeinsreted]
82067
+ optionindex: valitem.option_info.optionindex,
82068
+ values: [_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
82069
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
82070
+ })]
82063
82071
  });
82064
82072
  }
82065
82073
  });
82066
82074
  });
82067
- setoptions_w_values([].concat(options_w_values));
82075
+ options_w_values.forEach(function (option) {
82076
+ option.values.sort(function (a, b) {
82077
+ return a.valueindex - b.valueindex;
82078
+ });
82079
+ });
82080
+ var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
82081
+ return a.optionindex - b.optionindex;
82082
+ });
82083
+ setoptions_w_values(_toConsumableArray__default["default"](Sortedoptions_w_values));
82084
+ // setoptions_w_values([...options_w_values]);
82068
82085
  setvariants_iteminfo(variants_iteminfo);
82069
82086
  setitem(iteminfo);
82070
82087
  }, [props.actions.item]);
@@ -82178,7 +82195,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
82178
82195
  style: {
82179
82196
  // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
82180
82197
  color: isChoosedValueExists ? '#ffffff' : '#000000',
82181
- border: isChoosedValueExists ? '1px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
82198
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
82182
82199
  padding: (item === null || item === void 0 || (_item$option_info = item.option_info) === null || _item$option_info === void 0 ? void 0 : _item$option_info.optionname) == 'Color' ? '5px' : '5px 10px',
82183
82200
  cursor: valitem.disabled ? 'not-allowed' : 'pointer',
82184
82201
  fontSize: '13px',
package/dist/index.esm.js CHANGED
@@ -19128,9 +19128,20 @@ var CardsSection = function CardsSection(props) {
19128
19128
  sectioncontainerr: css({
19129
19129
  width: sectionproperties.width + 'vw',
19130
19130
  marginTop: sectionproperties.marginTop + 'px',
19131
+ zIndex: 2,
19132
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
19133
+ backgroundSize: 'cover',
19134
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
19135
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
19136
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
19137
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
19138
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
19139
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
19140
+ marginBottom: sectionproperties.marginBottom + 'px',
19131
19141
  '@media (max-width: 800px)': {
19132
19142
  marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
19133
- width: sectionproperties.widthresponsive + '%'
19143
+ width: sectionproperties.widthresponsive + '%',
19144
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimageresp + ')' : ''
19134
19145
  }
19135
19146
  }),
19136
19147
  innercardssection: css({
@@ -20073,16 +20084,6 @@ var CardsSection = function CardsSection(props) {
20073
20084
  ref: refscr,
20074
20085
  "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto ',
20075
20086
  style: {
20076
- zIndex: 2,
20077
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
20078
- backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
20079
- backgroundSize: 'cover',
20080
- boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
20081
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
20082
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
20083
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
20084
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
20085
- marginBottom: sectionproperties.marginBottom + 'px'
20086
20087
  // minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh',
20087
20088
  }
20088
20089
  }, sectionproperties.length != 0 && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React.createElement("div", {
@@ -82002,20 +82003,36 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
82002
82003
  var _exopitem$option_info, _valitemtobeinsreted$;
82003
82004
  if ((exopitem === null || exopitem === void 0 || (_exopitem$option_info = exopitem.option_info) === null || _exopitem$option_info === void 0 ? void 0 : _exopitem$option_info.optionid) == (valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$ = valitemtobeinsreted.option_info) === null || _valitemtobeinsreted$ === void 0 ? void 0 : _valitemtobeinsreted$.optionid)) {
82004
82005
  if (is_valitemexists == false) {
82005
- exopitem.values.push(valitemtobeinsreted);
82006
+ var _valitemtobeinsreted$2;
82007
+ exopitem.values.push(_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
82008
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
82009
+ }));
82006
82010
  }
82007
82011
  isoptionexists = true;
82008
82012
  }
82009
82013
  });
82010
82014
  if (isoptionexists == false) {
82015
+ var _valitemtobeinsreted$3;
82011
82016
  options_w_values.push({
82012
82017
  option_info: valitem.option_info,
82013
- values: [valitemtobeinsreted]
82018
+ optionindex: valitem.option_info.optionindex,
82019
+ values: [_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
82020
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
82021
+ })]
82014
82022
  });
82015
82023
  }
82016
82024
  });
82017
82025
  });
82018
- setoptions_w_values([].concat(options_w_values));
82026
+ options_w_values.forEach(function (option) {
82027
+ option.values.sort(function (a, b) {
82028
+ return a.valueindex - b.valueindex;
82029
+ });
82030
+ });
82031
+ var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
82032
+ return a.optionindex - b.optionindex;
82033
+ });
82034
+ setoptions_w_values(_toConsumableArray(Sortedoptions_w_values));
82035
+ // setoptions_w_values([...options_w_values]);
82019
82036
  setvariants_iteminfo(variants_iteminfo);
82020
82037
  setitem(iteminfo);
82021
82038
  }, [props.actions.item]);
@@ -82129,7 +82146,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
82129
82146
  style: {
82130
82147
  // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
82131
82148
  color: isChoosedValueExists ? '#ffffff' : '#000000',
82132
- border: isChoosedValueExists ? '1px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
82149
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
82133
82150
  padding: (item === null || item === void 0 || (_item$option_info = item.option_info) === null || _item$option_info === void 0 ? void 0 : _item$option_info.optionname) == 'Color' ? '5px' : '5px 10px',
82134
82151
  cursor: valitem.disabled ? 'not-allowed' : 'pointer',
82135
82152
  fontSize: '13px',
package/dist/index.umd.js CHANGED
@@ -18993,9 +18993,20 @@
18993
18993
  sectioncontainerr: glamor.css({
18994
18994
  width: sectionproperties.width + 'vw',
18995
18995
  marginTop: sectionproperties.marginTop + 'px',
18996
+ zIndex: 2,
18997
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
18998
+ backgroundSize: 'cover',
18999
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
19000
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
19001
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
19002
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
19003
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
19004
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
19005
+ marginBottom: sectionproperties.marginBottom + 'px',
18996
19006
  '@media (max-width: 800px)': {
18997
19007
  marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
18998
- width: sectionproperties.widthresponsive + '%'
19008
+ width: sectionproperties.widthresponsive + '%',
19009
+ backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimageresp + ')' : ''
18999
19010
  }
19000
19011
  }),
19001
19012
  innercardssection: glamor.css({
@@ -19938,16 +19949,6 @@
19938
19949
  ref: refscr,
19939
19950
  "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto ',
19940
19951
  style: {
19941
- zIndex: 2,
19942
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
19943
- backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
19944
- backgroundSize: 'cover',
19945
- boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
19946
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
19947
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
19948
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
19949
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
19950
- marginBottom: sectionproperties.marginBottom + 'px'
19951
19952
  // minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh',
19952
19953
  }
19953
19954
  }, sectionproperties.length != 0 && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -81867,20 +81868,36 @@
81867
81868
  var _exopitem$option_info, _valitemtobeinsreted$;
81868
81869
  if ((exopitem === null || exopitem === void 0 || (_exopitem$option_info = exopitem.option_info) === null || _exopitem$option_info === void 0 ? void 0 : _exopitem$option_info.optionid) == (valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$ = valitemtobeinsreted.option_info) === null || _valitemtobeinsreted$ === void 0 ? void 0 : _valitemtobeinsreted$.optionid)) {
81869
81870
  if (is_valitemexists == false) {
81870
- exopitem.values.push(valitemtobeinsreted);
81871
+ var _valitemtobeinsreted$2;
81872
+ exopitem.values.push(_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
81873
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
81874
+ }));
81871
81875
  }
81872
81876
  isoptionexists = true;
81873
81877
  }
81874
81878
  });
81875
81879
  if (isoptionexists == false) {
81880
+ var _valitemtobeinsreted$3;
81876
81881
  options_w_values.push({
81877
81882
  option_info: valitem.option_info,
81878
- values: [valitemtobeinsreted]
81883
+ optionindex: valitem.option_info.optionindex,
81884
+ values: [_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
81885
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
81886
+ })]
81879
81887
  });
81880
81888
  }
81881
81889
  });
81882
81890
  });
81883
- setoptions_w_values([].concat(options_w_values));
81891
+ options_w_values.forEach(function (option) {
81892
+ option.values.sort(function (a, b) {
81893
+ return a.valueindex - b.valueindex;
81894
+ });
81895
+ });
81896
+ var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
81897
+ return a.optionindex - b.optionindex;
81898
+ });
81899
+ setoptions_w_values(_toConsumableArray__default["default"](Sortedoptions_w_values));
81900
+ // setoptions_w_values([...options_w_values]);
81884
81901
  setvariants_iteminfo(variants_iteminfo);
81885
81902
  setitem(iteminfo);
81886
81903
  }, [props.actions.item]);
@@ -81994,7 +82011,7 @@
81994
82011
  style: {
81995
82012
  // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
81996
82013
  color: isChoosedValueExists ? '#ffffff' : '#000000',
81997
- border: isChoosedValueExists ? '1px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
82014
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
81998
82015
  padding: (item === null || item === void 0 || (_item$option_info = item.option_info) === null || _item$option_info === void 0 ? void 0 : _item$option_info.optionname) == 'Color' ? '5px' : '5px 10px',
81999
82016
  cursor: valitem.disabled ? 'not-allowed' : 'pointer',
82000
82017
  fontSize: '13px',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.811",
3
+ "version": "0.0.813",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {