tabexseriescomponents 0.0.450 → 0.0.451

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.
package/dist/index.cjs.js CHANGED
@@ -14987,33 +14987,49 @@ var Filter$1 = function Filter(props) {
14987
14987
  // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
14988
14988
  // ${valueitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
14989
14989
  // ` +
14990
- item.optionname == 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14990
+ item.optionname != 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14991
14991
  onClick: function onClick() {
14992
14992
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14993
+ },
14994
+ style: {
14995
+ // border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14996
+ // width: item.optionname == 'Color' ? 'auto' : '',
14997
+ // height: item.optionname == 'Color' ? 'auto' : '',
14998
+ // borderWidth: item.optionname == 'Color' ? 0 : '',
14993
14999
  }
14994
15000
  }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14995
15001
  className: 'mx-3'
14996
15002
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14997
15003
  "class": "row m-0 w-100"
14998
15004
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14999
- "class": "col-lg-12 p-0 allcentered"
15005
+ "class": "col-lg-12 p-0 allcentered mb-3"
15006
+ }, valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
15007
+ "class": "allcentered",
15008
+ style: {
15009
+ width: 40,
15010
+ height: 40,
15011
+ border: '2px solid ' + valueitem.valuename,
15012
+ borderRadius: 100
15013
+ }
15000
15014
  }, /*#__PURE__*/React__default["default"].createElement("div", {
15001
15015
  style: {
15002
- width: 30,
15003
- height: 30,
15016
+ width: 28,
15017
+ height: 28,
15004
15018
  background: valueitem.valuename,
15005
- borderRadius: 100,
15006
- padding: valueitem.isfilterselected ? 10 : 0,
15007
- borderWidth: valueitem.isfilterselected ? 1 : 0,
15008
- borderColor: valueitem.isfilterselected ? 'red' : ''
15019
+ borderRadius: 100
15020
+ }
15021
+ })), !valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
15022
+ style: {
15023
+ width: 28,
15024
+ height: 28,
15025
+ background: valueitem.valuename,
15026
+ borderRadius: 100
15009
15027
  }
15010
15028
  })), /*#__PURE__*/React__default["default"].createElement("div", {
15011
15029
  "class": "col-lg-12 p-0 allcentered"
15012
15030
  }, /*#__PURE__*/React__default["default"].createElement("p", {
15013
15031
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15014
- style: {
15015
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15016
- }
15032
+ style: {}
15017
15033
  }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
15018
15034
  className: ' m-0 p-0 ',
15019
15035
  style: {
@@ -17184,7 +17200,7 @@ var CardsSection = function CardsSection(props) {
17184
17200
  size: sectionproperties.viewmoreiconfontsizeresp,
17185
17201
  color: sectionproperties.viewmorebtn_Textcolor
17186
17202
  })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
17187
- "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17203
+ "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17188
17204
  onClick: function onClick() {
17189
17205
  setopenFilterSlider(true);
17190
17206
  // var element = document.getElementById('filterslider');
package/dist/index.esm.js CHANGED
@@ -14938,33 +14938,49 @@ var Filter$1 = function Filter(props) {
14938
14938
  // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
14939
14939
  // ${valueitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
14940
14940
  // ` +
14941
- item.optionname == 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14941
+ item.optionname != 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14942
14942
  onClick: function onClick() {
14943
14943
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14944
+ },
14945
+ style: {
14946
+ // border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14947
+ // width: item.optionname == 'Color' ? 'auto' : '',
14948
+ // height: item.optionname == 'Color' ? 'auto' : '',
14949
+ // borderWidth: item.optionname == 'Color' ? 0 : '',
14944
14950
  }
14945
14951
  }, item.optionname == 'Color' && /*#__PURE__*/React.createElement("div", {
14946
14952
  className: 'mx-3'
14947
14953
  }, /*#__PURE__*/React.createElement("div", {
14948
14954
  "class": "row m-0 w-100"
14949
14955
  }, /*#__PURE__*/React.createElement("div", {
14950
- "class": "col-lg-12 p-0 allcentered"
14956
+ "class": "col-lg-12 p-0 allcentered mb-3"
14957
+ }, valueitem.isfilterselected && /*#__PURE__*/React.createElement("div", {
14958
+ "class": "allcentered",
14959
+ style: {
14960
+ width: 40,
14961
+ height: 40,
14962
+ border: '2px solid ' + valueitem.valuename,
14963
+ borderRadius: 100
14964
+ }
14951
14965
  }, /*#__PURE__*/React.createElement("div", {
14952
14966
  style: {
14953
- width: 30,
14954
- height: 30,
14967
+ width: 28,
14968
+ height: 28,
14955
14969
  background: valueitem.valuename,
14956
- borderRadius: 100,
14957
- padding: valueitem.isfilterselected ? 10 : 0,
14958
- borderWidth: valueitem.isfilterselected ? 1 : 0,
14959
- borderColor: valueitem.isfilterselected ? 'red' : ''
14970
+ borderRadius: 100
14971
+ }
14972
+ })), !valueitem.isfilterselected && /*#__PURE__*/React.createElement("div", {
14973
+ style: {
14974
+ width: 28,
14975
+ height: 28,
14976
+ background: valueitem.valuename,
14977
+ borderRadius: 100
14960
14978
  }
14961
14979
  })), /*#__PURE__*/React.createElement("div", {
14962
14980
  "class": "col-lg-12 p-0 allcentered"
14963
14981
  }, /*#__PURE__*/React.createElement("p", {
14964
14982
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14965
- style: {
14966
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14967
- }
14983
+ style: {}
14968
14984
  }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React.createElement("p", {
14969
14985
  className: ' m-0 p-0 ',
14970
14986
  style: {
@@ -17135,7 +17151,7 @@ var CardsSection = function CardsSection(props) {
17135
17151
  size: sectionproperties.viewmoreiconfontsizeresp,
17136
17152
  color: sectionproperties.viewmorebtn_Textcolor
17137
17153
  })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React.createElement("button", {
17138
- "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17154
+ "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17139
17155
  onClick: function onClick() {
17140
17156
  setopenFilterSlider(true);
17141
17157
  // var element = document.getElementById('filterslider');
package/dist/index.umd.js CHANGED
@@ -14815,33 +14815,49 @@
14815
14815
  // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
14816
14816
  // ${valueitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
14817
14817
  // ` +
14818
- item.optionname == 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14818
+ item.optionname != 'Color' ? "".concat(filter_cssstyles.filteroptionvertical, " ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.filteroptionverticalactive, " ") : '') + ' mx-3 mb-3 cursor-pointer allcentered ' : ' mx-3 mb-3 cursor-pointer allcentered ',
14819
14819
  onClick: function onClick() {
14820
14820
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14821
+ },
14822
+ style: {
14823
+ // border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
14824
+ // width: item.optionname == 'Color' ? 'auto' : '',
14825
+ // height: item.optionname == 'Color' ? 'auto' : '',
14826
+ // borderWidth: item.optionname == 'Color' ? 0 : '',
14821
14827
  }
14822
14828
  }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
14823
14829
  className: 'mx-3'
14824
14830
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14825
14831
  "class": "row m-0 w-100"
14826
14832
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14827
- "class": "col-lg-12 p-0 allcentered"
14833
+ "class": "col-lg-12 p-0 allcentered mb-3"
14834
+ }, valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
14835
+ "class": "allcentered",
14836
+ style: {
14837
+ width: 40,
14838
+ height: 40,
14839
+ border: '2px solid ' + valueitem.valuename,
14840
+ borderRadius: 100
14841
+ }
14828
14842
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14829
14843
  style: {
14830
- width: 30,
14831
- height: 30,
14844
+ width: 28,
14845
+ height: 28,
14832
14846
  background: valueitem.valuename,
14833
- borderRadius: 100,
14834
- padding: valueitem.isfilterselected ? 10 : 0,
14835
- borderWidth: valueitem.isfilterselected ? 1 : 0,
14836
- borderColor: valueitem.isfilterselected ? 'red' : ''
14847
+ borderRadius: 100
14848
+ }
14849
+ })), !valueitem.isfilterselected && /*#__PURE__*/React__default["default"].createElement("div", {
14850
+ style: {
14851
+ width: 28,
14852
+ height: 28,
14853
+ background: valueitem.valuename,
14854
+ borderRadius: 100
14837
14855
  }
14838
14856
  })), /*#__PURE__*/React__default["default"].createElement("div", {
14839
14857
  "class": "col-lg-12 p-0 allcentered"
14840
14858
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14841
14859
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
14842
- style: {
14843
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
14844
- }
14860
+ style: {}
14845
14861
  }, valueitem.value_identifier)))), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
14846
14862
  className: ' m-0 p-0 ',
14847
14863
  style: {
@@ -17012,7 +17028,7 @@
17012
17028
  size: sectionproperties.viewmoreiconfontsizeresp,
17013
17029
  color: sectionproperties.viewmorebtn_Textcolor
17014
17030
  })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
17015
- "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17031
+ "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
17016
17032
  onClick: function onClick() {
17017
17033
  setopenFilterSlider(true);
17018
17034
  // var element = document.getElementById('filterslider');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.450",
3
+ "version": "0.0.451",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {