tabexseriescomponents 0.2.1225 → 0.2.1226

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 (5) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.esm.js +1 -1
  3. package/dist/index.umd.js +1 -1
  4. package/package.json +1 -1
  5. package/srcbefore27-11/TabexComponents/StaticPages/Filter/Filter.jsx +309 -187
package/dist/index.cjs.js CHANGED
@@ -63565,7 +63565,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
63565
63565
  return /*#__PURE__*/React__default["default"].createElement("div", {
63566
63566
  "class": "row m-0 w-100 d-flex justify-content-center"
63567
63567
  }, /*#__PURE__*/React__default["default"].createElement("div", {
63568
- "class": authdetailsContext.instinfo.instid == '6978ef34b2564' ? langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0 lumm ' : 'col-lg-12 p-0 pl-md-0 pr-md-2 lumm ' : authdetailsContext.instinfo.instid == '6978ef34b2564' ? 'col-lg-12 p-0 p-0' : langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0' : 'col-lg-12 p-0 pl-md-0 pr-md-2 '
63568
+ "class": authdetailsContext.instinfo.instid == '6978ef34b2564' ? langdetect == 'en' ? 'col-lg-12 p-0 lumm ' : 'col-lg-12 p-0 lumm ' : authdetailsContext.instinfo.instid != '6978ef34b2564' ? 'col-lg-12 p-0 p-0' : langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0' : 'col-lg-12 p-0 pl-md-0 pr-md-2 '
63569
63569
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
63570
63570
  transitionBehavior: 'auto',
63571
63571
  wrapperClassName: '',
package/dist/index.esm.js CHANGED
@@ -63514,7 +63514,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
63514
63514
  return /*#__PURE__*/React.createElement("div", {
63515
63515
  "class": "row m-0 w-100 d-flex justify-content-center"
63516
63516
  }, /*#__PURE__*/React.createElement("div", {
63517
- "class": authdetailsContext.instinfo.instid == '6978ef34b2564' ? langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0 lumm ' : 'col-lg-12 p-0 pl-md-0 pr-md-2 lumm ' : authdetailsContext.instinfo.instid == '6978ef34b2564' ? 'col-lg-12 p-0 p-0' : langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0' : 'col-lg-12 p-0 pl-md-0 pr-md-2 '
63517
+ "class": authdetailsContext.instinfo.instid == '6978ef34b2564' ? langdetect == 'en' ? 'col-lg-12 p-0 lumm ' : 'col-lg-12 p-0 lumm ' : authdetailsContext.instinfo.instid != '6978ef34b2564' ? 'col-lg-12 p-0 p-0' : langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0' : 'col-lg-12 p-0 pl-md-0 pr-md-2 '
63518
63518
  }, /*#__PURE__*/React.createElement(ScrollMenu, {
63519
63519
  transitionBehavior: 'auto',
63520
63520
  wrapperClassName: '',
package/dist/index.umd.js CHANGED
@@ -63371,7 +63371,7 @@
63371
63371
  return /*#__PURE__*/React__default["default"].createElement("div", {
63372
63372
  "class": "row m-0 w-100 d-flex justify-content-center"
63373
63373
  }, /*#__PURE__*/React__default["default"].createElement("div", {
63374
- "class": authdetailsContext.instinfo.instid == '6978ef34b2564' ? langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0 lumm ' : 'col-lg-12 p-0 pl-md-0 pr-md-2 lumm ' : authdetailsContext.instinfo.instid == '6978ef34b2564' ? 'col-lg-12 p-0 p-0' : langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0' : 'col-lg-12 p-0 pl-md-0 pr-md-2 '
63374
+ "class": authdetailsContext.instinfo.instid == '6978ef34b2564' ? langdetect == 'en' ? 'col-lg-12 p-0 lumm ' : 'col-lg-12 p-0 lumm ' : authdetailsContext.instinfo.instid != '6978ef34b2564' ? 'col-lg-12 p-0 p-0' : langdetect == 'en' ? 'col-lg-12 p-0 pl-md-2 pr-md-0' : 'col-lg-12 p-0 pl-md-0 pr-md-2 '
63375
63375
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
63376
63376
  transitionBehavior: 'auto',
63377
63377
  wrapperClassName: '',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.1225",
3
+ "version": "0.2.1226",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",
package/srcbefore27-11/TabexComponents/StaticPages/Filter/Filter.jsx CHANGED
@@ -973,209 +973,331 @@ ${collectionitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active
973
973
  // }
974
974
  if (item.type == 'Selectbox') {
975
975
  var selectboxarr = [];
976
- // item?.featuresselectbovalue?.forEach(function (slecitem) {
977
- // var itemlabel = '';
978
- // var itemlabelar = '';
979
- // if (langdetect == 'en') {
980
- // itemlabel = slecitem.value_en;
981
- // } else {
982
- // itemlabel = slecitem.value_ar;
983
- // }
984
- // selectboxarr.push({ label: itemlabel, value: slecitem.value_en });
985
- // });
986
- return (
987
- <Accordion allowMultipleExpanded={true} allowZeroExpanded={true} preExpanded={[0, 1, 2, 3]}>
988
- <AccordionItem uuid={index}>
989
- <AccordionItemHeading>
990
- <AccordionItemButton>
991
- <div className={filter_cssstyles.titlecontainer + ' row m-0 w-100 p-0 mb-2 pl-md-3 pr-md-3 '}>
992
- <div className="col-lg-10 col-md-10 col-sm-10 p-0">
993
- <p
994
- className={
995
- langdetect == 'en'
996
- ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 '
997
- : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
998
- }
999
- >
1000
- {langdetect == 'en' ? item.name_en : item.name_ar}
1001
- </p>
1002
- </div>
1003
- <div className="col-lg-2 col-md-2 col-sm-2 p-0">
1004
- <AccordionItemState>
1005
- {(state) => {
1006
- if (state.expanded == true) {
1007
- return (
1008
- <i className={filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '}>
1009
- <FiChevronUp />
1010
- </i>
1011
- );
1012
- } else {
1013
- return (
1014
- <i className={filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '}>
1015
- <FiChevronDown />
1016
- </i>
1017
- );
976
+ if (sectionproperties.expandall == 'Yes') {
977
+ return (
978
+ <Accordion allowMultipleExpanded={true} allowZeroExpanded={true} preExpanded={[0, 1, 2, 3]}>
979
+ <AccordionItem uuid={index}>
980
+ <AccordionItemHeading>
981
+ <AccordionItemButton>
982
+ <div className={filter_cssstyles.titlecontainer + ' row m-0 w-100 p-0 mb-2 pl-md-3 pr-md-3 '}>
983
+ <div className="col-lg-10 col-md-10 col-sm-10 p-0">
984
+ <p
985
+ className={
986
+ langdetect == 'en'
987
+ ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 '
988
+ : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
1018
989
  }
1019
- }}
1020
- </AccordionItemState>
1021
- </div>
1022
- </div>
1023
- </AccordionItemButton>
1024
- </AccordionItemHeading>
1025
- <AccordionItemPanel className="p-0">
1026
- <div className="row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2 overflowyedit">
1027
- <div
1028
- className={
1029
- langdetect == 'en' ? `${filterstyles.timeline}` + ' p-sm-0 ' : `${filterstyles.timeline} ${filterstyles.timelinetrans}` + ' p-sm-0 '
1030
- }
1031
- >
1032
- {item?.featuresselectbovalue?.map((slecitem, slecindex) => {
1033
- var ischecked = false;
1034
- if (
1035
- ProductFilterObjContext != undefined &&
1036
- ProductFilterObjContext != null &&
1037
- ProductFilterObjContext.prod_featruesar != undefined &&
1038
- ProductFilterObjContext.prod_featruesar != null &&
1039
- ProductFilterObjContext.prod_featruesar.length != 0
1040
- ) {
1041
- var tempproductfeatuesarr = [...ProductFilterObjContext?.prod_featruesar];
1042
- if (tempproductfeatuesarr.length != 0) {
1043
- tempproductfeatuesarr?.forEach(function (attritem, attrindex) {
1044
- if (attritem.value == slecitem.value_en) {
1045
- ischecked = true;
990
+ >
991
+ {langdetect == 'en' ? item.name_en : item.name_ar}
992
+ </p>
993
+ </div>
994
+ <div className="col-lg-2 col-md-2 col-sm-2 p-0">
995
+ <AccordionItemState>
996
+ {(state) => {
997
+ if (state.expanded == true) {
998
+ return (
999
+ <i
1000
+ className={
1001
+ filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
1002
+ }
1003
+ >
1004
+ <FiChevronUp />
1005
+ </i>
1006
+ );
1007
+ } else {
1008
+ return (
1009
+ <i
1010
+ className={
1011
+ filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
1012
+ }
1013
+ >
1014
+ <FiChevronDown />
1015
+ </i>
1016
+ );
1046
1017
  }
1047
- });
1048
- }
1018
+ }}
1019
+ </AccordionItemState>
1020
+ </div>
1021
+ </div>
1022
+ </AccordionItemButton>
1023
+ </AccordionItemHeading>
1024
+ <AccordionItemPanel className="p-0">
1025
+ <div className="row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2 overflowyedit">
1026
+ <div
1027
+ className={
1028
+ langdetect == 'en' ? `${filterstyles.timeline}` + ' p-sm-0 ' : `${filterstyles.timeline} ${filterstyles.timelinetrans}` + ' p-sm-0 '
1049
1029
  }
1050
- return (
1051
- <div
1052
- // className={
1053
- // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
1054
- // ${slecitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
1030
+ >
1031
+ {item?.featuresselectbovalue?.map((slecitem, slecindex) => {
1032
+ var ischecked = false;
1033
+ if (
1034
+ ProductFilterObjContext != undefined &&
1035
+ ProductFilterObjContext != null &&
1036
+ ProductFilterObjContext.prod_featruesar != undefined &&
1037
+ ProductFilterObjContext.prod_featruesar != null &&
1038
+ ProductFilterObjContext.prod_featruesar.length != 0
1039
+ ) {
1040
+ var tempproductfeatuesarr = [...ProductFilterObjContext?.prod_featruesar];
1041
+ if (tempproductfeatuesarr.length != 0) {
1042
+ tempproductfeatuesarr?.forEach(function (attritem, attrindex) {
1043
+ if (attritem.value == slecitem.value_en) {
1044
+ ischecked = true;
1045
+ }
1046
+ });
1047
+ }
1048
+ }
1049
+ return (
1050
+ <div
1051
+ // className={
1052
+ // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
1053
+ // ${slecitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
1055
1054
 
1056
- // ` + ' d-flex align-items-center pb-3 '
1057
- // }
1058
- className={
1059
- `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
1055
+ // ` + ' d-flex align-items-center pb-3 '
1056
+ // }
1057
+ className={
1058
+ `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
1060
1059
  ${ischecked ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
1061
1060
 
1062
1061
  ` + ' d-flex align-items-center pb-3 '
1063
- }
1064
- onClick={(e) => {
1065
- var tempproductfeatuesarr = [];
1062
+ }
1063
+ onClick={(e) => {
1064
+ var tempproductfeatuesarr = [];
1066
1065
 
1067
- if (
1068
- ProductFilterObjContext != undefined &&
1069
- ProductFilterObjContext != null &&
1070
- ProductFilterObjContext.prod_featruesar != undefined &&
1071
- ProductFilterObjContext.prod_featruesar != null &&
1072
- ProductFilterObjContext.prod_featruesar.length != 0
1073
- ) {
1074
- tempproductfeatuesarr = [...ProductFilterObjContext.prod_featruesar];
1066
+ if (
1067
+ ProductFilterObjContext != undefined &&
1068
+ ProductFilterObjContext != null &&
1069
+ ProductFilterObjContext.prod_featruesar != undefined &&
1070
+ ProductFilterObjContext.prod_featruesar != null &&
1071
+ ProductFilterObjContext.prod_featruesar.length != 0
1072
+ ) {
1073
+ tempproductfeatuesarr = [...ProductFilterObjContext.prod_featruesar];
1075
1074
 
1076
- const existingIndex = tempproductfeatuesarr.findIndex((attritem) => attritem.id === slecitem.featureid);
1075
+ const existingIndex = tempproductfeatuesarr.findIndex((attritem) => attritem.id === slecitem.featureid);
1077
1076
 
1078
- if (existingIndex !== -1) {
1079
- if (tempproductfeatuesarr[existingIndex].value === slecitem.value_en) {
1080
- // Same feature and value -> remove (toggle off)
1081
- tempproductfeatuesarr.splice(existingIndex, 1);
1077
+ if (existingIndex !== -1) {
1078
+ if (tempproductfeatuesarr[existingIndex].value === slecitem.value_en) {
1079
+ // Same feature and value -> remove (toggle off)
1080
+ tempproductfeatuesarr.splice(existingIndex, 1);
1081
+ } else {
1082
+ // Same feature, different value -> update
1083
+ tempproductfeatuesarr[existingIndex].value = slecitem.value_en;
1084
+ }
1082
1085
  } else {
1083
- // Same feature, different value -> update
1084
- tempproductfeatuesarr[existingIndex].value = slecitem.value_en;
1086
+ // Feature doesn't exist -> add new
1087
+ tempproductfeatuesarr.push({
1088
+ id: slecitem.featureid,
1089
+ value: slecitem.value_en,
1090
+ });
1085
1091
  }
1086
1092
  } else {
1087
- // Feature doesn't exist -> add new
1093
+ // Feature list is empty -> add new
1088
1094
  tempproductfeatuesarr.push({
1089
1095
  id: slecitem.featureid,
1090
1096
  value: slecitem.value_en,
1091
1097
  });
1092
1098
  }
1099
+
1100
+ setproductfeatuesarr([...tempproductfeatuesarr]);
1101
+ }}
1102
+ >
1103
+ <div>
1104
+ <div
1105
+ // className={
1106
+ // ` ${slecitem.isfilterselected ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${
1107
+ // filter_cssstyles.btn_item
1108
+ // }` + ' d-flex align-items-center '
1109
+ // }
1110
+ className={
1111
+ ` ${ischecked ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${filter_cssstyles.btn_item}` +
1112
+ ' d-flex align-items-center '
1113
+ }
1114
+ >
1115
+ <i className="h-100 d-flex align-items-center"></i>
1116
+ </div>
1117
+ </div>
1118
+
1119
+ <div className={langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'}>
1120
+ <p
1121
+ className={`${filterstyles.timeline_text} ${filter_cssstyles.timeline_text}` + ' m-0 p-0 '}
1122
+ style={{
1123
+ color: slecitem.isfilterselected ? sectionproperties.activecat_color : '',
1124
+ }}
1125
+ >
1126
+ {langdetect == 'en' ? slecitem.value_en : slecitem.value_ar}
1127
+ </p>
1128
+ </div>
1129
+ </div>
1130
+ );
1131
+ })}
1132
+ </div>
1133
+ </div>
1134
+ </AccordionItemPanel>
1135
+ </AccordionItem>
1136
+ </Accordion>
1137
+ );
1138
+ } else {
1139
+ return (
1140
+ <Accordion allowMultipleExpanded={true} allowZeroExpanded={true}>
1141
+ <AccordionItem uuid={index}>
1142
+ <AccordionItemHeading>
1143
+ <AccordionItemButton>
1144
+ <div className={filter_cssstyles.titlecontainer + ' row m-0 w-100 p-0 mb-2 pl-md-3 pr-md-3 '}>
1145
+ <div className="col-lg-10 col-md-10 col-sm-10 p-0">
1146
+ <p
1147
+ className={
1148
+ langdetect == 'en'
1149
+ ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 '
1150
+ : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
1151
+ }
1152
+ >
1153
+ {langdetect == 'en' ? item.name_en : item.name_ar}
1154
+ </p>
1155
+ </div>
1156
+ <div className="col-lg-2 col-md-2 col-sm-2 p-0">
1157
+ <AccordionItemState>
1158
+ {(state) => {
1159
+ if (state.expanded == true) {
1160
+ return (
1161
+ <i
1162
+ className={
1163
+ filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
1164
+ }
1165
+ >
1166
+ <FiChevronUp />
1167
+ </i>
1168
+ );
1093
1169
  } else {
1094
- // Feature list is empty -> add new
1095
- tempproductfeatuesarr.push({
1096
- id: slecitem.featureid,
1097
- value: slecitem.value_en,
1098
- });
1170
+ return (
1171
+ <i
1172
+ className={
1173
+ filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
1174
+ }
1175
+ >
1176
+ <FiChevronDown />
1177
+ </i>
1178
+ );
1099
1179
  }
1100
-
1101
- setproductfeatuesarr([...tempproductfeatuesarr]);
1102
1180
  }}
1103
- >
1104
- <div>
1105
- <div
1106
- // className={
1107
- // ` ${slecitem.isfilterselected ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${
1108
- // filter_cssstyles.btn_item
1109
- // }` + ' d-flex align-items-center '
1110
- // }
1111
- className={
1112
- ` ${ischecked ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${filter_cssstyles.btn_item}` +
1113
- ' d-flex align-items-center '
1181
+ </AccordionItemState>
1182
+ </div>
1183
+ </div>
1184
+ </AccordionItemButton>
1185
+ </AccordionItemHeading>
1186
+ <AccordionItemPanel className="p-0">
1187
+ <div className="row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2 overflowyedit">
1188
+ <div
1189
+ className={
1190
+ langdetect == 'en' ? `${filterstyles.timeline}` + ' p-sm-0 ' : `${filterstyles.timeline} ${filterstyles.timelinetrans}` + ' p-sm-0 '
1191
+ }
1192
+ >
1193
+ {item?.featuresselectbovalue?.map((slecitem, slecindex) => {
1194
+ var ischecked = false;
1195
+ if (
1196
+ ProductFilterObjContext != undefined &&
1197
+ ProductFilterObjContext != null &&
1198
+ ProductFilterObjContext.prod_featruesar != undefined &&
1199
+ ProductFilterObjContext.prod_featruesar != null &&
1200
+ ProductFilterObjContext.prod_featruesar.length != 0
1201
+ ) {
1202
+ var tempproductfeatuesarr = [...ProductFilterObjContext?.prod_featruesar];
1203
+ if (tempproductfeatuesarr.length != 0) {
1204
+ tempproductfeatuesarr?.forEach(function (attritem, attrindex) {
1205
+ if (attritem.value == slecitem.value_en) {
1206
+ ischecked = true;
1114
1207
  }
1115
- >
1116
- <i className="h-100 d-flex align-items-center"></i>
1208
+ });
1209
+ }
1210
+ }
1211
+ return (
1212
+ <div
1213
+ // className={
1214
+ // `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
1215
+ // ${slecitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
1216
+
1217
+ // ` + ' d-flex align-items-center pb-3 '
1218
+ // }
1219
+ className={
1220
+ `${filterstyles.border_left_line} ${filterstyles.timelineinnercont} ${filter_cssstyles.timelineinnercont}
1221
+ ${ischecked ? `${filter_cssstyles.timelineinnercont_active} ${filterstyles.timelineinnercont_active}` : ''}
1222
+
1223
+ ` + ' d-flex align-items-center pb-3 '
1224
+ }
1225
+ onClick={(e) => {
1226
+ var tempproductfeatuesarr = [];
1227
+
1228
+ if (
1229
+ ProductFilterObjContext != undefined &&
1230
+ ProductFilterObjContext != null &&
1231
+ ProductFilterObjContext.prod_featruesar != undefined &&
1232
+ ProductFilterObjContext.prod_featruesar != null &&
1233
+ ProductFilterObjContext.prod_featruesar.length != 0
1234
+ ) {
1235
+ tempproductfeatuesarr = [...ProductFilterObjContext.prod_featruesar];
1236
+
1237
+ const existingIndex = tempproductfeatuesarr.findIndex((attritem) => attritem.id === slecitem.featureid);
1238
+
1239
+ if (existingIndex !== -1) {
1240
+ if (tempproductfeatuesarr[existingIndex].value === slecitem.value_en) {
1241
+ // Same feature and value -> remove (toggle off)
1242
+ tempproductfeatuesarr.splice(existingIndex, 1);
1243
+ } else {
1244
+ // Same feature, different value -> update
1245
+ tempproductfeatuesarr[existingIndex].value = slecitem.value_en;
1246
+ }
1247
+ } else {
1248
+ // Feature doesn't exist -> add new
1249
+ tempproductfeatuesarr.push({
1250
+ id: slecitem.featureid,
1251
+ value: slecitem.value_en,
1252
+ });
1253
+ }
1254
+ } else {
1255
+ // Feature list is empty -> add new
1256
+ tempproductfeatuesarr.push({
1257
+ id: slecitem.featureid,
1258
+ value: slecitem.value_en,
1259
+ });
1260
+ }
1261
+
1262
+ setproductfeatuesarr([...tempproductfeatuesarr]);
1263
+ }}
1264
+ >
1265
+ <div>
1266
+ <div
1267
+ // className={
1268
+ // ` ${slecitem.isfilterselected ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${
1269
+ // filter_cssstyles.btn_item
1270
+ // }` + ' d-flex align-items-center '
1271
+ // }
1272
+ className={
1273
+ ` ${ischecked ? filter_cssstyles.btn_item_active : ''} ${filterstyles.btn_item} ${filter_cssstyles.btn_item}` +
1274
+ ' d-flex align-items-center '
1275
+ }
1276
+ >
1277
+ <i className="h-100 d-flex align-items-center"></i>
1278
+ </div>
1117
1279
  </div>
1118
- </div>
1119
1280
 
1120
- <div className={langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'}>
1121
- <p
1122
- className={`${filterstyles.timeline_text} ${filter_cssstyles.timeline_text}` + ' m-0 p-0 '}
1123
- style={{
1124
- color: slecitem.isfilterselected ? sectionproperties.activecat_color : '',
1125
- }}
1126
- >
1127
- {langdetect == 'en' ? slecitem.value_en : slecitem.value_ar}
1128
- </p>
1281
+ <div className={langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'}>
1282
+ <p
1283
+ className={`${filterstyles.timeline_text} ${filter_cssstyles.timeline_text}` + ' m-0 p-0 '}
1284
+ style={{
1285
+ color: slecitem.isfilterselected ? sectionproperties.activecat_color : '',
1286
+ }}
1287
+ >
1288
+ {langdetect == 'en' ? slecitem.value_en : slecitem.value_ar}
1289
+ </p>
1290
+ </div>
1129
1291
  </div>
1130
- </div>
1131
- );
1132
- })}
1292
+ );
1293
+ })}
1294
+ </div>
1133
1295
  </div>
1134
- </div>
1135
- </AccordionItemPanel>
1136
- </AccordionItem>
1137
- </Accordion>
1138
- // <div class="col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0">
1139
- // <label
1140
- // className={' mb-3 w-100 '}
1141
- // style={{
1142
- // textAlign: langdetect == 'en' ? 'left' : 'right',
1143
- // color: sectionproperties.filtertitle_color,
1144
- // color: sectionproperties.filtertitle_color,
1145
- // fontSize: sectionproperties.filtertitle_fontsize + 'px',
1146
- // fontWeight: sectionproperties.filtertitle_fontweight,
1147
- // color: sectionproperties.filtertitle_color,
1148
- // textTransform: 'capitalize',
1149
- // }}
1150
- // >
1151
- // {langdetect == 'en' ? item.name_en : item.name_ar}
1152
- // </label>
1153
- // <div class={'col-lg-12 p-0'}>
1154
- // <Select
1155
- // options={selectboxarr}
1156
- // styles={langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated}
1157
- // placeholder={''}
1158
- // onChange={(e) => {
1159
- // var isattrexists = false;
1160
- // var tempproductfeatuesarr = [...productfeatuesarr];
1161
- // tempproductfeatuesarr?.forEach(function (attritem, attrindex) {
1162
- // if (attritem.id == item.id) {
1163
- // tempproductfeatuesarr[attrindex].value = e.value;
1164
- // isattrexists = true;
1165
- // }
1166
- // });
1167
- // if (isattrexists == false) {
1168
- // tempproductfeatuesarr.push({
1169
- // id: item.id,
1170
- // value: e.value,
1171
- // });
1172
- // }
1173
- // setproductfeatuesarr([...tempproductfeatuesarr]);
1174
- // }}
1175
- // />
1176
- // </div>
1177
- // </div>
1178
- );
1296
+ </AccordionItemPanel>
1297
+ </AccordionItem>
1298
+ </Accordion>
1299
+ );
1300
+ }
1179
1301
  }
1180
1302
  // up here
1181
1303
  if (item.type == 'Number') {
@@ -2144,16 +2266,16 @@ ${collectionitem.isfilterselected ? `${filter_cssstyles.timelineinnercont_active
2144
2266
  sectionproperties.sectiontitlefontfamily == 'Pacifico'
2145
2267
  ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2146
2268
  : sectionproperties.sectiontitlefontfamily == 'Playfair'
2147
- ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2148
- : sectionproperties.sectiontitlefontfamily == 'Great Vibes'
2149
- ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2150
- : sectionproperties.sectiontitlefontfamily == 'Quicksand'
2151
- ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2152
- : sectionproperties.sectiontitlefontfamily == 'Satisfy'
2153
- ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2154
- : sectionproperties.sectiontitlefontfamily == 'ASUL'
2155
- ? ' ASUL mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2156
- : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2269
+ ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2270
+ : sectionproperties.sectiontitlefontfamily == 'Great Vibes'
2271
+ ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2272
+ : sectionproperties.sectiontitlefontfamily == 'Quicksand'
2273
+ ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2274
+ : sectionproperties.sectiontitlefontfamily == 'Satisfy'
2275
+ ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2276
+ : sectionproperties.sectiontitlefontfamily == 'ASUL'
2277
+ ? ' ASUL mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2278
+ : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start '
2157
2279
  }
2158
2280
  style={{
2159
2281
  color: sectionproperties.sectionTitleColor,