tabexseriescomponents 0.2.1180 → 0.2.1182

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 +213 -74
  2. package/dist/index.esm.js +213 -74
  3. package/dist/index.umd.js +213 -74
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -10862,7 +10862,11 @@ var Compare = function Compare(props) {
10862
10862
  paddingBottom: 40
10863
10863
  }
10864
10864
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10865
- className: "".concat(generalstyles.table_responsive) + ' col-lg-12 '
10865
+ className: "".concat(generalstyles.table_responsive) + ' col-lg-12 ',
10866
+ style: {
10867
+ width: '100%',
10868
+ overflowX: 'auto'
10869
+ }
10866
10870
  }, (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10867
10871
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0 mb-5"
10868
10872
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -10873,39 +10877,25 @@ var Compare = function Compare(props) {
10873
10877
  fontWeight: 700
10874
10878
  }
10875
10879
  }, langdetect == 'en' ? 'Compare' : 'قارن')), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("table", {
10876
- className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg)
10877
- }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10878
- className: ""
10879
- }, /*#__PURE__*/React__default["default"].createElement("th", {
10880
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10881
- style: {
10882
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10883
- }
10884
- }), /*#__PURE__*/React__default["default"].createElement("th", {
10885
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10886
- style: {
10887
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10888
- }
10889
- }, lang.name), /*#__PURE__*/React__default["default"].createElement("th", {
10890
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10891
- style: {
10892
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10893
- }
10894
- }, lang.description), /*#__PURE__*/React__default["default"].createElement("th", {
10895
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10880
+ className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg),
10896
10881
  style: {
10897
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10882
+ minWidth: '800px'
10898
10883
  }
10899
- }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
10900
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10884
+ }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
10901
10885
  style: {
10902
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10886
+ // width: '30%',
10903
10887
  }
10904
- }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
10905
- return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
10888
+ }), productDataList.map(function (item) {
10889
+ return /*#__PURE__*/React__default["default"].createElement("th", {
10890
+ key: item.productid,
10891
+ style: {
10892
+ textAlign: langdetect != 'ar' ? 'left' : 'right'
10893
+ // width: '50%',
10894
+ }
10895
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10906
10896
  style: {
10907
- width: '70%',
10908
- height: '70%'
10897
+ width: '150px',
10898
+ height: '150px'
10909
10899
  }
10910
10900
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
10911
10901
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -10917,42 +10907,187 @@ var Compare = function Compare(props) {
10917
10907
  objectFit: 'contain'
10918
10908
  },
10919
10909
  loading: "lazy"
10920
- }))), /*#__PURE__*/React__default["default"].createElement("td", {
10921
- style: {
10922
- color: '#000',
10923
- fontSize: '14px'
10924
- }
10925
- }, item["name_".concat(langdetect)] || item.name_en), /*#__PURE__*/React__default["default"].createElement("td", {
10926
- style: {
10927
- color: '#000',
10928
- fontSize: '14px'
10929
- }
10910
+ })));
10911
+ }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10912
+ style: {}
10913
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10914
+ style: {
10915
+ fontWeight: 600
10916
+ }
10917
+ }, lang.name), productDataList.map(function (item) {
10918
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10919
+ key: item.productid
10920
+ }, item["name_".concat(langdetect)] || item.name_en);
10921
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10922
+ style: {}
10923
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10924
+ style: {
10925
+ fontWeight: 600
10926
+ }
10927
+ }, lang.description), productDataList.map(function (item) {
10928
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10929
+ key: item.productid
10930
10930
  }, /*#__PURE__*/React__default["default"].createElement("p", {
10931
- className: 'm-0 p-0 ',
10932
- style: {
10933
- color: '#000',
10934
- fontSize: '14px',
10935
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10936
- },
10937
10931
  dangerouslySetInnerHTML: {
10938
10932
  __html: langdetect == 'en' ? item === null || item === void 0 ? void 0 : item.description_en : langdetect == 'fr' ? item === null || item === void 0 ? void 0 : item.description_fr : item === null || item === void 0 ? void 0 : item.description_ar
10939
10933
  }
10940
- })), /*#__PURE__*/React__default["default"].createElement("td", {
10941
- style: {
10942
- color: '#000',
10943
- fontSize: '14px'
10944
- }
10945
- }, item.defaultprice), /*#__PURE__*/React__default["default"].createElement("td", {
10946
- "class": "cursor-pointer",
10947
- style: {
10948
- color: '#000',
10949
- fontSize: '14px'
10950
- },
10934
+ }));
10935
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10936
+ style: {}
10937
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10938
+ style: {
10939
+ fontWeight: 600
10940
+ }
10941
+ }, lang.price), productDataList.map(function (item) {
10942
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10943
+ key: item.productid
10944
+ }, item.defaultprice);
10945
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10946
+ style: {}
10947
+ }, /*#__PURE__*/React__default["default"].createElement("td", null), productDataList.map(function (item) {
10948
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10949
+ key: item.productid,
10950
+ className: "cursor-pointer text-danger text-dangerhover font-weight-600 text-decoration-underline",
10951
10951
  onClick: function onClick() {
10952
- removecompareproduct(item.productid);
10952
+ return removecompareproduct(item.productid);
10953
10953
  }
10954
- }, lang.remove));
10955
- }))), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10954
+ }, lang.remove);
10955
+ }))))
10956
+
10957
+ // <table className={`${generalstyles.table} ${generalstyles.table_thbg}`}>
10958
+ // <thead>
10959
+ // <tr className="">
10960
+ // <th
10961
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10962
+ // style={{
10963
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10964
+ // }}
10965
+ // ></th>
10966
+ // <th
10967
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10968
+ // style={{
10969
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10970
+ // }}
10971
+ // >
10972
+ // {lang.name}
10973
+ // </th>
10974
+ // <th
10975
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10976
+ // style={{
10977
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10978
+ // }}
10979
+ // >
10980
+ // {lang.description}
10981
+ // </th>
10982
+ // <th
10983
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10984
+ // style={{
10985
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10986
+ // }}
10987
+ // >
10988
+ // {lang.price}
10989
+ // </th>
10990
+ // {/* <th
10991
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10992
+ // style={{
10993
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10994
+ // }}
10995
+ // ></th> */}
10996
+ // <th
10997
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10998
+ // style={{
10999
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
11000
+ // }}
11001
+ // ></th>
11002
+ // </tr>
11003
+ // </thead>
11004
+ // <tbody>
11005
+ // {productDataList.map((item, index) => {
11006
+ // return (
11007
+ // <tr>
11008
+ // <td>
11009
+ // <div
11010
+ // style={{
11011
+ // width: '70%',
11012
+ // height: '70%',
11013
+ // }}
11014
+ // >
11015
+ // <Imagekitimagecomp
11016
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
11017
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
11018
+ // path={item.productimages[0].path}
11019
+ // style={{
11020
+ // width: '100%',
11021
+ // height: '100%',
11022
+ // objectFit: 'contain',
11023
+ // }}
11024
+ // loading="lazy"
11025
+ // />
11026
+ // </div>
11027
+ // </td>
11028
+ // <td
11029
+ // style={{
11030
+ // color: '#000',
11031
+ // fontSize: '14px',
11032
+ // }}
11033
+ // >
11034
+ // {item[`name_${langdetect}`] || item.name_en}
11035
+ // </td>
11036
+ // <td
11037
+ // style={{
11038
+ // color: '#000',
11039
+ // fontSize: '14px',
11040
+ // }}
11041
+ // >
11042
+ // <p
11043
+ // className={'m-0 p-0 '}
11044
+ // style={{
11045
+ // color: '#000',
11046
+ // fontSize: '14px',
11047
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
11048
+ // }}
11049
+ // dangerouslySetInnerHTML={{
11050
+ // __html: langdetect == 'en' ? item?.description_en : langdetect == 'fr' ? item?.description_fr : item?.description_ar,
11051
+ // }}
11052
+ // ></p>
11053
+ // </td>
11054
+ // <td
11055
+ // style={{
11056
+ // color: '#000',
11057
+ // fontSize: '14px',
11058
+ // }}
11059
+ // >
11060
+ // {item.defaultprice}
11061
+ // </td>
11062
+
11063
+ // {/* <td
11064
+ // class="cursor-pointer"
11065
+ // style={{
11066
+ // color: '#000',
11067
+ // fontSize: '14px',
11068
+ // }}
11069
+ // onClick={() => {}}
11070
+ // >
11071
+ // {lang.addtocart}
11072
+ // </td> */}
11073
+ // <td
11074
+ // class="cursor-pointer"
11075
+ // style={{
11076
+ // color: '#000',
11077
+ // fontSize: '14px',
11078
+ // }}
11079
+ // onClick={() => {
11080
+ // removecompareproduct(item.productid);
11081
+ // }}
11082
+ // >
11083
+ // {lang.remove}
11084
+ // </td>
11085
+ // </tr>
11086
+ // );
11087
+ // })}
11088
+ // </tbody>
11089
+ // </table>
11090
+ , (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10956
11091
  className: "row m-0 w-100 allcentered pb-5 ",
10957
11092
  style: {
10958
11093
  padding: '20px'
@@ -72814,7 +72949,7 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
72814
72949
  function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
72815
72950
  function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
72816
72951
  var Freetextsection = function Freetextsection(props) {
72817
- var _maincontainerarrayof, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
72952
+ var _maincontainerarrayof, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
72818
72953
  var _useState = React.useState(''),
72819
72954
  _useState2 = _slicedToArray__default["default"](_useState, 2),
72820
72955
  sectionproperties = _useState2[0],
@@ -72958,6 +73093,7 @@ var Freetextsection = function Freetextsection(props) {
72958
73093
  })
72959
73094
  };
72960
73095
  var SectionTitle = function SectionTitle() {
73096
+ var _authdetailsContext$i;
72961
73097
  return /*#__PURE__*/React__default["default"].createElement("div", {
72962
73098
  "class": "d-flex align-items-center flex-row d-flex",
72963
73099
  style: {
@@ -73005,7 +73141,7 @@ var Freetextsection = function Freetextsection(props) {
73005
73141
  display: 'inline-block'
73006
73142
  },
73007
73143
  repeat: Infinity
73008
- })), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
73144
+ })), sectionproperties.sectiontitlestyle == 'Line Before Text' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6975e2b7caf9c' && /*#__PURE__*/React__default["default"].createElement("span", {
73009
73145
  "class": section_styles.line_right,
73010
73146
  style: {
73011
73147
  marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
@@ -73211,7 +73347,7 @@ var Freetextsection = function Freetextsection(props) {
73211
73347
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73212
73348
  "class": "col-lg-12 p-0",
73213
73349
  style: {
73214
- display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
73350
+ display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
73215
73351
  }
73216
73352
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73217
73353
  "class": "row m-0 w-100 allcentered",
@@ -73223,7 +73359,7 @@ var Freetextsection = function Freetextsection(props) {
73223
73359
  "data-aos": 'fade-up'
73224
73360
  }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
73225
73361
  "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
73226
- }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
73362
+ }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
73227
73363
  "class": "col-lg-12 p-0 pt-5",
73228
73364
  style: {
73229
73365
  background: sectionproperties.outerbgcolor
@@ -73250,7 +73386,7 @@ var Freetextsection = function Freetextsection(props) {
73250
73386
  fontWeight: sectionproperties.prodCatFontWeight,
73251
73387
  color: sectionproperties.prodCatColor
73252
73388
  }
73253
- }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
73389
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
73254
73390
  "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
73255
73391
  style: {
73256
73392
  // background: 'white',
@@ -76743,16 +76879,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
76743
76879
  };
76744
76880
  var slideshow_styles = {
76745
76881
  beforebg: glamor.css({
76746
- content: 's',
76747
- fontSize: 0,
76748
- position: 'absolute',
76749
- top: 0,
76750
- bottom: 0,
76751
- left: 0,
76752
- right: 0,
76753
- width: '100%',
76754
- height: '100%',
76755
- backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
76882
+ ':before': {
76883
+ content: 's',
76884
+ fontSize: 0,
76885
+ position: 'absolute',
76886
+ top: 0,
76887
+ bottom: 0,
76888
+ left: 0,
76889
+ right: 0,
76890
+ width: '100%',
76891
+ height: '100%',
76892
+ backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
76893
+ }
76756
76894
  }),
76757
76895
  slideshow_btn: glamor.css({
76758
76896
  height: sectionproperties.generalbtn_height + 'px',
@@ -76986,6 +77124,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
76986
77124
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
76987
77125
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
76988
77126
  path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
77127
+ "class": slideshow_styles.beforebg,
76989
77128
  style: {
76990
77129
  cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
76991
77130
  objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
package/dist/index.esm.js CHANGED
@@ -10811,7 +10811,11 @@ var Compare = function Compare(props) {
10811
10811
  paddingBottom: 40
10812
10812
  }
10813
10813
  }, /*#__PURE__*/React.createElement("div", {
10814
- className: "".concat(generalstyles.table_responsive) + ' col-lg-12 '
10814
+ className: "".concat(generalstyles.table_responsive) + ' col-lg-12 ',
10815
+ style: {
10816
+ width: '100%',
10817
+ overflowX: 'auto'
10818
+ }
10815
10819
  }, (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React.createElement("div", {
10816
10820
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0 mb-5"
10817
10821
  }, /*#__PURE__*/React.createElement("p", {
@@ -10822,39 +10826,25 @@ var Compare = function Compare(props) {
10822
10826
  fontWeight: 700
10823
10827
  }
10824
10828
  }, langdetect == 'en' ? 'Compare' : 'قارن')), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React.createElement("table", {
10825
- className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg)
10826
- }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
10827
- className: ""
10828
- }, /*#__PURE__*/React.createElement("th", {
10829
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10830
- style: {
10831
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10832
- }
10833
- }), /*#__PURE__*/React.createElement("th", {
10834
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10835
- style: {
10836
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10837
- }
10838
- }, lang.name), /*#__PURE__*/React.createElement("th", {
10839
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10840
- style: {
10841
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10842
- }
10843
- }, lang.description), /*#__PURE__*/React.createElement("th", {
10844
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10829
+ className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg),
10845
10830
  style: {
10846
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10831
+ minWidth: '800px'
10847
10832
  }
10848
- }, lang.price), /*#__PURE__*/React.createElement("th", {
10849
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10833
+ }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
10850
10834
  style: {
10851
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10835
+ // width: '30%',
10852
10836
  }
10853
- }))), /*#__PURE__*/React.createElement("tbody", null, productDataList.map(function (item, index) {
10854
- return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
10837
+ }), productDataList.map(function (item) {
10838
+ return /*#__PURE__*/React.createElement("th", {
10839
+ key: item.productid,
10840
+ style: {
10841
+ textAlign: langdetect != 'ar' ? 'left' : 'right'
10842
+ // width: '50%',
10843
+ }
10844
+ }, /*#__PURE__*/React.createElement("div", {
10855
10845
  style: {
10856
- width: '70%',
10857
- height: '70%'
10846
+ width: '150px',
10847
+ height: '150px'
10858
10848
  }
10859
10849
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
10860
10850
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -10866,42 +10856,187 @@ var Compare = function Compare(props) {
10866
10856
  objectFit: 'contain'
10867
10857
  },
10868
10858
  loading: "lazy"
10869
- }))), /*#__PURE__*/React.createElement("td", {
10870
- style: {
10871
- color: '#000',
10872
- fontSize: '14px'
10873
- }
10874
- }, item["name_".concat(langdetect)] || item.name_en), /*#__PURE__*/React.createElement("td", {
10875
- style: {
10876
- color: '#000',
10877
- fontSize: '14px'
10878
- }
10859
+ })));
10860
+ }))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
10861
+ style: {}
10862
+ }, /*#__PURE__*/React.createElement("td", {
10863
+ style: {
10864
+ fontWeight: 600
10865
+ }
10866
+ }, lang.name), productDataList.map(function (item) {
10867
+ return /*#__PURE__*/React.createElement("td", {
10868
+ key: item.productid
10869
+ }, item["name_".concat(langdetect)] || item.name_en);
10870
+ })), /*#__PURE__*/React.createElement("tr", {
10871
+ style: {}
10872
+ }, /*#__PURE__*/React.createElement("td", {
10873
+ style: {
10874
+ fontWeight: 600
10875
+ }
10876
+ }, lang.description), productDataList.map(function (item) {
10877
+ return /*#__PURE__*/React.createElement("td", {
10878
+ key: item.productid
10879
10879
  }, /*#__PURE__*/React.createElement("p", {
10880
- className: 'm-0 p-0 ',
10881
- style: {
10882
- color: '#000',
10883
- fontSize: '14px',
10884
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10885
- },
10886
10880
  dangerouslySetInnerHTML: {
10887
10881
  __html: langdetect == 'en' ? item === null || item === void 0 ? void 0 : item.description_en : langdetect == 'fr' ? item === null || item === void 0 ? void 0 : item.description_fr : item === null || item === void 0 ? void 0 : item.description_ar
10888
10882
  }
10889
- })), /*#__PURE__*/React.createElement("td", {
10890
- style: {
10891
- color: '#000',
10892
- fontSize: '14px'
10893
- }
10894
- }, item.defaultprice), /*#__PURE__*/React.createElement("td", {
10895
- "class": "cursor-pointer",
10896
- style: {
10897
- color: '#000',
10898
- fontSize: '14px'
10899
- },
10883
+ }));
10884
+ })), /*#__PURE__*/React.createElement("tr", {
10885
+ style: {}
10886
+ }, /*#__PURE__*/React.createElement("td", {
10887
+ style: {
10888
+ fontWeight: 600
10889
+ }
10890
+ }, lang.price), productDataList.map(function (item) {
10891
+ return /*#__PURE__*/React.createElement("td", {
10892
+ key: item.productid
10893
+ }, item.defaultprice);
10894
+ })), /*#__PURE__*/React.createElement("tr", {
10895
+ style: {}
10896
+ }, /*#__PURE__*/React.createElement("td", null), productDataList.map(function (item) {
10897
+ return /*#__PURE__*/React.createElement("td", {
10898
+ key: item.productid,
10899
+ className: "cursor-pointer text-danger text-dangerhover font-weight-600 text-decoration-underline",
10900
10900
  onClick: function onClick() {
10901
- removecompareproduct(item.productid);
10901
+ return removecompareproduct(item.productid);
10902
10902
  }
10903
- }, lang.remove));
10904
- }))), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React.createElement("div", {
10903
+ }, lang.remove);
10904
+ }))))
10905
+
10906
+ // <table className={`${generalstyles.table} ${generalstyles.table_thbg}`}>
10907
+ // <thead>
10908
+ // <tr className="">
10909
+ // <th
10910
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10911
+ // style={{
10912
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10913
+ // }}
10914
+ // ></th>
10915
+ // <th
10916
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10917
+ // style={{
10918
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10919
+ // }}
10920
+ // >
10921
+ // {lang.name}
10922
+ // </th>
10923
+ // <th
10924
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10925
+ // style={{
10926
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10927
+ // }}
10928
+ // >
10929
+ // {lang.description}
10930
+ // </th>
10931
+ // <th
10932
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10933
+ // style={{
10934
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10935
+ // }}
10936
+ // >
10937
+ // {lang.price}
10938
+ // </th>
10939
+ // {/* <th
10940
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10941
+ // style={{
10942
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10943
+ // }}
10944
+ // ></th> */}
10945
+ // <th
10946
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10947
+ // style={{
10948
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10949
+ // }}
10950
+ // ></th>
10951
+ // </tr>
10952
+ // </thead>
10953
+ // <tbody>
10954
+ // {productDataList.map((item, index) => {
10955
+ // return (
10956
+ // <tr>
10957
+ // <td>
10958
+ // <div
10959
+ // style={{
10960
+ // width: '70%',
10961
+ // height: '70%',
10962
+ // }}
10963
+ // >
10964
+ // <Imagekitimagecomp
10965
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
10966
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
10967
+ // path={item.productimages[0].path}
10968
+ // style={{
10969
+ // width: '100%',
10970
+ // height: '100%',
10971
+ // objectFit: 'contain',
10972
+ // }}
10973
+ // loading="lazy"
10974
+ // />
10975
+ // </div>
10976
+ // </td>
10977
+ // <td
10978
+ // style={{
10979
+ // color: '#000',
10980
+ // fontSize: '14px',
10981
+ // }}
10982
+ // >
10983
+ // {item[`name_${langdetect}`] || item.name_en}
10984
+ // </td>
10985
+ // <td
10986
+ // style={{
10987
+ // color: '#000',
10988
+ // fontSize: '14px',
10989
+ // }}
10990
+ // >
10991
+ // <p
10992
+ // className={'m-0 p-0 '}
10993
+ // style={{
10994
+ // color: '#000',
10995
+ // fontSize: '14px',
10996
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10997
+ // }}
10998
+ // dangerouslySetInnerHTML={{
10999
+ // __html: langdetect == 'en' ? item?.description_en : langdetect == 'fr' ? item?.description_fr : item?.description_ar,
11000
+ // }}
11001
+ // ></p>
11002
+ // </td>
11003
+ // <td
11004
+ // style={{
11005
+ // color: '#000',
11006
+ // fontSize: '14px',
11007
+ // }}
11008
+ // >
11009
+ // {item.defaultprice}
11010
+ // </td>
11011
+
11012
+ // {/* <td
11013
+ // class="cursor-pointer"
11014
+ // style={{
11015
+ // color: '#000',
11016
+ // fontSize: '14px',
11017
+ // }}
11018
+ // onClick={() => {}}
11019
+ // >
11020
+ // {lang.addtocart}
11021
+ // </td> */}
11022
+ // <td
11023
+ // class="cursor-pointer"
11024
+ // style={{
11025
+ // color: '#000',
11026
+ // fontSize: '14px',
11027
+ // }}
11028
+ // onClick={() => {
11029
+ // removecompareproduct(item.productid);
11030
+ // }}
11031
+ // >
11032
+ // {lang.remove}
11033
+ // </td>
11034
+ // </tr>
11035
+ // );
11036
+ // })}
11037
+ // </tbody>
11038
+ // </table>
11039
+ , (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React.createElement("div", {
10905
11040
  className: "row m-0 w-100 allcentered pb-5 ",
10906
11041
  style: {
10907
11042
  padding: '20px'
@@ -72763,7 +72898,7 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
72763
72898
  function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
72764
72899
  function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
72765
72900
  var Freetextsection = function Freetextsection(props) {
72766
- var _maincontainerarrayof, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
72901
+ var _maincontainerarrayof, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
72767
72902
  var _useState = useState(''),
72768
72903
  _useState2 = _slicedToArray(_useState, 2),
72769
72904
  sectionproperties = _useState2[0],
@@ -72907,6 +73042,7 @@ var Freetextsection = function Freetextsection(props) {
72907
73042
  })
72908
73043
  };
72909
73044
  var SectionTitle = function SectionTitle() {
73045
+ var _authdetailsContext$i;
72910
73046
  return /*#__PURE__*/React.createElement("div", {
72911
73047
  "class": "d-flex align-items-center flex-row d-flex",
72912
73048
  style: {
@@ -72954,7 +73090,7 @@ var Freetextsection = function Freetextsection(props) {
72954
73090
  display: 'inline-block'
72955
73091
  },
72956
73092
  repeat: Infinity
72957
- })), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
73093
+ })), sectionproperties.sectiontitlestyle == 'Line Before Text' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6975e2b7caf9c' && /*#__PURE__*/React.createElement("span", {
72958
73094
  "class": section_styles.line_right,
72959
73095
  style: {
72960
73096
  marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
@@ -73160,7 +73296,7 @@ var Freetextsection = function Freetextsection(props) {
73160
73296
  }, /*#__PURE__*/React.createElement("div", {
73161
73297
  "class": "col-lg-12 p-0",
73162
73298
  style: {
73163
- display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
73299
+ display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
73164
73300
  }
73165
73301
  }, /*#__PURE__*/React.createElement("div", {
73166
73302
  "class": "row m-0 w-100 allcentered",
@@ -73172,7 +73308,7 @@ var Freetextsection = function Freetextsection(props) {
73172
73308
  "data-aos": 'fade-up'
73173
73309
  }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
73174
73310
  "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
73175
- }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React.createElement("div", {
73311
+ }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React.createElement("div", {
73176
73312
  "class": "col-lg-12 p-0 pt-5",
73177
73313
  style: {
73178
73314
  background: sectionproperties.outerbgcolor
@@ -73199,7 +73335,7 @@ var Freetextsection = function Freetextsection(props) {
73199
73335
  fontWeight: sectionproperties.prodCatFontWeight,
73200
73336
  color: sectionproperties.prodCatColor
73201
73337
  }
73202
- }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React.createElement("div", {
73338
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React.createElement("div", {
73203
73339
  "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
73204
73340
  style: {
73205
73341
  // background: 'white',
@@ -76692,16 +76828,18 @@ var Slideshowzoom = function Slideshowzoom(props) {
76692
76828
  };
76693
76829
  var slideshow_styles = {
76694
76830
  beforebg: css({
76695
- content: 's',
76696
- fontSize: 0,
76697
- position: 'absolute',
76698
- top: 0,
76699
- bottom: 0,
76700
- left: 0,
76701
- right: 0,
76702
- width: '100%',
76703
- height: '100%',
76704
- backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
76831
+ ':before': {
76832
+ content: 's',
76833
+ fontSize: 0,
76834
+ position: 'absolute',
76835
+ top: 0,
76836
+ bottom: 0,
76837
+ left: 0,
76838
+ right: 0,
76839
+ width: '100%',
76840
+ height: '100%',
76841
+ backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
76842
+ }
76705
76843
  }),
76706
76844
  slideshow_btn: css({
76707
76845
  height: sectionproperties.generalbtn_height + 'px',
@@ -76935,6 +77073,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
76935
77073
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
76936
77074
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
76937
77075
  path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
77076
+ "class": slideshow_styles.beforebg,
76938
77077
  style: {
76939
77078
  cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
76940
77079
  objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
package/dist/index.umd.js CHANGED
@@ -10668,7 +10668,11 @@
10668
10668
  paddingBottom: 40
10669
10669
  }
10670
10670
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10671
- className: "".concat(generalstyles.table_responsive) + ' col-lg-12 '
10671
+ className: "".concat(generalstyles.table_responsive) + ' col-lg-12 ',
10672
+ style: {
10673
+ width: '100%',
10674
+ overflowX: 'auto'
10675
+ }
10672
10676
  }, (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10673
10677
  className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0 mb-5"
10674
10678
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -10679,39 +10683,25 @@
10679
10683
  fontWeight: 700
10680
10684
  }
10681
10685
  }, langdetect == 'en' ? 'Compare' : 'قارن')), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) != 0 && /*#__PURE__*/React__default["default"].createElement("table", {
10682
- className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg)
10683
- }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10684
- className: ""
10685
- }, /*#__PURE__*/React__default["default"].createElement("th", {
10686
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10687
- style: {
10688
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10689
- }
10690
- }), /*#__PURE__*/React__default["default"].createElement("th", {
10691
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10692
- style: {
10693
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10694
- }
10695
- }, lang.name), /*#__PURE__*/React__default["default"].createElement("th", {
10696
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10697
- style: {
10698
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10699
- }
10700
- }, lang.description), /*#__PURE__*/React__default["default"].createElement("th", {
10701
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10686
+ className: "".concat(generalstyles.table, " ").concat(generalstyles.table_thbg),
10702
10687
  style: {
10703
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10688
+ minWidth: '800px'
10704
10689
  }
10705
- }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
10706
- className: 'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300',
10690
+ }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
10707
10691
  style: {
10708
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10692
+ // width: '30%',
10709
10693
  }
10710
- }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, productDataList.map(function (item, index) {
10711
- return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
10694
+ }), productDataList.map(function (item) {
10695
+ return /*#__PURE__*/React__default["default"].createElement("th", {
10696
+ key: item.productid,
10697
+ style: {
10698
+ textAlign: langdetect != 'ar' ? 'left' : 'right'
10699
+ // width: '50%',
10700
+ }
10701
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10712
10702
  style: {
10713
- width: '70%',
10714
- height: '70%'
10703
+ width: '150px',
10704
+ height: '150px'
10715
10705
  }
10716
10706
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
10717
10707
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -10723,42 +10713,187 @@
10723
10713
  objectFit: 'contain'
10724
10714
  },
10725
10715
  loading: "lazy"
10726
- }))), /*#__PURE__*/React__default["default"].createElement("td", {
10727
- style: {
10728
- color: '#000',
10729
- fontSize: '14px'
10730
- }
10731
- }, item["name_".concat(langdetect)] || item.name_en), /*#__PURE__*/React__default["default"].createElement("td", {
10732
- style: {
10733
- color: '#000',
10734
- fontSize: '14px'
10735
- }
10716
+ })));
10717
+ }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", {
10718
+ style: {}
10719
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10720
+ style: {
10721
+ fontWeight: 600
10722
+ }
10723
+ }, lang.name), productDataList.map(function (item) {
10724
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10725
+ key: item.productid
10726
+ }, item["name_".concat(langdetect)] || item.name_en);
10727
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10728
+ style: {}
10729
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10730
+ style: {
10731
+ fontWeight: 600
10732
+ }
10733
+ }, lang.description), productDataList.map(function (item) {
10734
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10735
+ key: item.productid
10736
10736
  }, /*#__PURE__*/React__default["default"].createElement("p", {
10737
- className: 'm-0 p-0 ',
10738
- style: {
10739
- color: '#000',
10740
- fontSize: '14px',
10741
- textAlign: langdetect != 'ar' ? 'left' : 'right'
10742
- },
10743
10737
  dangerouslySetInnerHTML: {
10744
10738
  __html: langdetect == 'en' ? item === null || item === void 0 ? void 0 : item.description_en : langdetect == 'fr' ? item === null || item === void 0 ? void 0 : item.description_fr : item === null || item === void 0 ? void 0 : item.description_ar
10745
10739
  }
10746
- })), /*#__PURE__*/React__default["default"].createElement("td", {
10747
- style: {
10748
- color: '#000',
10749
- fontSize: '14px'
10750
- }
10751
- }, item.defaultprice), /*#__PURE__*/React__default["default"].createElement("td", {
10752
- "class": "cursor-pointer",
10753
- style: {
10754
- color: '#000',
10755
- fontSize: '14px'
10756
- },
10740
+ }));
10741
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10742
+ style: {}
10743
+ }, /*#__PURE__*/React__default["default"].createElement("td", {
10744
+ style: {
10745
+ fontWeight: 600
10746
+ }
10747
+ }, lang.price), productDataList.map(function (item) {
10748
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10749
+ key: item.productid
10750
+ }, item.defaultprice);
10751
+ })), /*#__PURE__*/React__default["default"].createElement("tr", {
10752
+ style: {}
10753
+ }, /*#__PURE__*/React__default["default"].createElement("td", null), productDataList.map(function (item) {
10754
+ return /*#__PURE__*/React__default["default"].createElement("td", {
10755
+ key: item.productid,
10756
+ className: "cursor-pointer text-danger text-dangerhover font-weight-600 text-decoration-underline",
10757
10757
  onClick: function onClick() {
10758
- removecompareproduct(item.productid);
10758
+ return removecompareproduct(item.productid);
10759
10759
  }
10760
- }, lang.remove));
10761
- }))), (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10760
+ }, lang.remove);
10761
+ }))))
10762
+
10763
+ // <table className={`${generalstyles.table} ${generalstyles.table_thbg}`}>
10764
+ // <thead>
10765
+ // <tr className="">
10766
+ // <th
10767
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10768
+ // style={{
10769
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10770
+ // }}
10771
+ // ></th>
10772
+ // <th
10773
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10774
+ // style={{
10775
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10776
+ // }}
10777
+ // >
10778
+ // {lang.name}
10779
+ // </th>
10780
+ // <th
10781
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10782
+ // style={{
10783
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10784
+ // }}
10785
+ // >
10786
+ // {lang.description}
10787
+ // </th>
10788
+ // <th
10789
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10790
+ // style={{
10791
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10792
+ // }}
10793
+ // >
10794
+ // {lang.price}
10795
+ // </th>
10796
+ // {/* <th
10797
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10798
+ // style={{
10799
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10800
+ // }}
10801
+ // ></th> */}
10802
+ // <th
10803
+ // className={'font-weight-500 font-14 text-uppercase text-light mw-150 mw-md-300'}
10804
+ // style={{
10805
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10806
+ // }}
10807
+ // ></th>
10808
+ // </tr>
10809
+ // </thead>
10810
+ // <tbody>
10811
+ // {productDataList.map((item, index) => {
10812
+ // return (
10813
+ // <tr>
10814
+ // <td>
10815
+ // <div
10816
+ // style={{
10817
+ // width: '70%',
10818
+ // height: '70%',
10819
+ // }}
10820
+ // >
10821
+ // <Imagekitimagecomp
10822
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
10823
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
10824
+ // path={item.productimages[0].path}
10825
+ // style={{
10826
+ // width: '100%',
10827
+ // height: '100%',
10828
+ // objectFit: 'contain',
10829
+ // }}
10830
+ // loading="lazy"
10831
+ // />
10832
+ // </div>
10833
+ // </td>
10834
+ // <td
10835
+ // style={{
10836
+ // color: '#000',
10837
+ // fontSize: '14px',
10838
+ // }}
10839
+ // >
10840
+ // {item[`name_${langdetect}`] || item.name_en}
10841
+ // </td>
10842
+ // <td
10843
+ // style={{
10844
+ // color: '#000',
10845
+ // fontSize: '14px',
10846
+ // }}
10847
+ // >
10848
+ // <p
10849
+ // className={'m-0 p-0 '}
10850
+ // style={{
10851
+ // color: '#000',
10852
+ // fontSize: '14px',
10853
+ // textAlign: langdetect != 'ar' ? 'left' : 'right',
10854
+ // }}
10855
+ // dangerouslySetInnerHTML={{
10856
+ // __html: langdetect == 'en' ? item?.description_en : langdetect == 'fr' ? item?.description_fr : item?.description_ar,
10857
+ // }}
10858
+ // ></p>
10859
+ // </td>
10860
+ // <td
10861
+ // style={{
10862
+ // color: '#000',
10863
+ // fontSize: '14px',
10864
+ // }}
10865
+ // >
10866
+ // {item.defaultprice}
10867
+ // </td>
10868
+
10869
+ // {/* <td
10870
+ // class="cursor-pointer"
10871
+ // style={{
10872
+ // color: '#000',
10873
+ // fontSize: '14px',
10874
+ // }}
10875
+ // onClick={() => {}}
10876
+ // >
10877
+ // {lang.addtocart}
10878
+ // </td> */}
10879
+ // <td
10880
+ // class="cursor-pointer"
10881
+ // style={{
10882
+ // color: '#000',
10883
+ // fontSize: '14px',
10884
+ // }}
10885
+ // onClick={() => {
10886
+ // removecompareproduct(item.productid);
10887
+ // }}
10888
+ // >
10889
+ // {lang.remove}
10890
+ // </td>
10891
+ // </tr>
10892
+ // );
10893
+ // })}
10894
+ // </tbody>
10895
+ // </table>
10896
+ , (productDataList === null || productDataList === void 0 ? void 0 : productDataList.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10762
10897
  className: "row m-0 w-100 allcentered pb-5 ",
10763
10898
  style: {
10764
10899
  padding: '20px'
@@ -72620,7 +72755,7 @@
72620
72755
  function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
72621
72756
  function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
72622
72757
  var Freetextsection = function Freetextsection(props) {
72623
- var _maincontainerarrayof, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
72758
+ var _maincontainerarrayof, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
72624
72759
  var _useState = React.useState(''),
72625
72760
  _useState2 = _slicedToArray__default["default"](_useState, 2),
72626
72761
  sectionproperties = _useState2[0],
@@ -72764,6 +72899,7 @@
72764
72899
  })
72765
72900
  };
72766
72901
  var SectionTitle = function SectionTitle() {
72902
+ var _authdetailsContext$i;
72767
72903
  return /*#__PURE__*/React__default["default"].createElement("div", {
72768
72904
  "class": "d-flex align-items-center flex-row d-flex",
72769
72905
  style: {
@@ -72811,7 +72947,7 @@
72811
72947
  display: 'inline-block'
72812
72948
  },
72813
72949
  repeat: Infinity
72814
- })), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
72950
+ })), sectionproperties.sectiontitlestyle == 'Line Before Text' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '6975e2b7caf9c' && /*#__PURE__*/React__default["default"].createElement("span", {
72815
72951
  "class": section_styles.line_right,
72816
72952
  style: {
72817
72953
  marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
@@ -73017,7 +73153,7 @@
73017
73153
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73018
73154
  "class": "col-lg-12 p-0",
73019
73155
  style: {
73020
- display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
73156
+ display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
73021
73157
  }
73022
73158
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73023
73159
  "class": "row m-0 w-100 allcentered",
@@ -73029,7 +73165,7 @@
73029
73165
  "data-aos": 'fade-up'
73030
73166
  }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
73031
73167
  "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
73032
- }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
73168
+ }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
73033
73169
  "class": "col-lg-12 p-0 pt-5",
73034
73170
  style: {
73035
73171
  background: sectionproperties.outerbgcolor
@@ -73056,7 +73192,7 @@
73056
73192
  fontWeight: sectionproperties.prodCatFontWeight,
73057
73193
  color: sectionproperties.prodCatColor
73058
73194
  }
73059
- }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
73195
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
73060
73196
  "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
73061
73197
  style: {
73062
73198
  // background: 'white',
@@ -76549,16 +76685,18 @@
76549
76685
  };
76550
76686
  var slideshow_styles = {
76551
76687
  beforebg: glamor.css({
76552
- content: 's',
76553
- fontSize: 0,
76554
- position: 'absolute',
76555
- top: 0,
76556
- bottom: 0,
76557
- left: 0,
76558
- right: 0,
76559
- width: '100%',
76560
- height: '100%',
76561
- backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
76688
+ ':before': {
76689
+ content: 's',
76690
+ fontSize: 0,
76691
+ position: 'absolute',
76692
+ top: 0,
76693
+ bottom: 0,
76694
+ left: 0,
76695
+ right: 0,
76696
+ width: '100%',
76697
+ height: '100%',
76698
+ backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
76699
+ }
76562
76700
  }),
76563
76701
  slideshow_btn: glamor.css({
76564
76702
  height: sectionproperties.generalbtn_height + 'px',
@@ -76792,6 +76930,7 @@
76792
76930
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
76793
76931
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
76794
76932
  path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
76933
+ "class": slideshow_styles.beforebg,
76795
76934
  style: {
76796
76935
  cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
76797
76936
  objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.1180",
3
+ "version": "0.2.1182",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",