tabexseriescomponents 0.0.256 → 0.0.258

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
@@ -11634,7 +11634,7 @@ var CardsSection = function CardsSection(props) {
11634
11634
  "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
11635
11635
  }, /*#__PURE__*/React__default["default"].createElement("i", {
11636
11636
  "class": "h-100 d-flex align-items-center justify-content-center"
11637
- }, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
11637
+ }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
11638
11638
  size: sectionproperties.viewmorebtn_fontSize
11639
11639
  }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
11640
11640
  size: sectionproperties.viewmorebtn_fontSize
@@ -40776,6 +40776,40 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40776
40776
  flex: '1 1 auto',
40777
40777
  minWidth: '10%',
40778
40778
  background: sectionproperties.linebgcolor
40779
+ }),
40780
+ text1Styles: glamor.css({
40781
+ color: sectionproperties.slideshowText1ContentColor,
40782
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
40783
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
40784
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
40785
+ ':hover': {
40786
+ transition: '.3s',
40787
+ color: sectionproperties.text1secondarycolor
40788
+ }
40789
+ }),
40790
+ imageContainer: glamor.css({
40791
+ width: sectionproperties.image_width + 'px',
40792
+ height: sectionproperties.image_height + 'px',
40793
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
40794
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
40795
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
40796
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
40797
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
40798
+ justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center',
40799
+ ':hover': {
40800
+ transition: '.3s',
40801
+ backgroundColor: sectionproperties.activedotcolor
40802
+ }
40803
+ }),
40804
+ cardContainer: glamor.css({
40805
+ ':hover .imageContainer': {
40806
+ transition: '.3s',
40807
+ backgroundColor: sectionproperties.activedotcolor
40808
+ },
40809
+ ':hover .text1Styles': {
40810
+ transition: '.3s',
40811
+ color: sectionproperties.text1secondarycolor
40812
+ }
40779
40813
  })
40780
40814
  };
40781
40815
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40884,8 +40918,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40884
40918
  zIndex: 2
40885
40919
  }
40886
40920
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40887
- "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
40921
+ "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
40888
40922
  style: {
40923
+ cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
40889
40924
  background: sectionproperties.reservation_bgcolor,
40890
40925
  paddingTop: sectionproperties.reservation_padding_top + 'px',
40891
40926
  paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
@@ -40896,6 +40931,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40896
40931
  borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
40897
40932
  borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
40898
40933
  boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
40934
+ },
40935
+ onClick: function onClick() {
40936
+ if (cardinfoitem.iscardclickable == 'Yes') {
40937
+ window.open(cardinfoitem.btnlink, '_blank');
40938
+ }
40899
40939
  }
40900
40940
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40901
40941
  "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40904,21 +40944,12 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40904
40944
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
40905
40945
  }
40906
40946
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40907
- "class": 'd-flex align-items-center',
40908
- style: {
40909
- width: sectionproperties.image_width + 'px',
40910
- height: sectionproperties.image_height + 'px',
40911
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
40912
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
40913
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
40914
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
40915
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
40916
- justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
40917
- }
40947
+ "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
40948
+ style: {}
40918
40949
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
40919
40950
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
40920
40951
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
40921
- path: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
40952
+ path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
40922
40953
  style: {
40923
40954
  maxHeight: sectionproperties.iconcontainerwidth + '%',
40924
40955
  maxWidth: sectionproperties.iconcontainerwidth + '%',
@@ -40931,14 +40962,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40931
40962
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
40932
40963
  }
40933
40964
  }, /*#__PURE__*/React__default["default"].createElement("p", {
40934
- "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
40965
+ "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
40935
40966
  style: {
40936
- color: sectionproperties.slideshowText1ContentColor,
40937
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
40938
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
40939
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
40967
+ cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
40940
40968
  }
40941
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
40969
+ }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
40942
40970
  "class": "col-lg-12 d-flex p-0",
40943
40971
  style: {
40944
40972
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -40951,7 +40979,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40951
40979
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
40952
40980
  textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
40953
40981
  }
40954
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
40982
+ }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
40955
40983
  }))));
40956
40984
  };
40957
40985
 
@@ -48121,7 +48149,10 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
48121
48149
  }, sectionproperties.generalbtn_content)))))), !(index % 2 == 0) && /*#__PURE__*/React__default["default"].createElement("div", {
48122
48150
  "class": "col-lg-12 p-0"
48123
48151
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48124
- "class": "".concat(card_cssstyles.productcard) + ' cursor-pointer col-lg-12 p-0 w-100 allcentered '
48152
+ "class": "".concat(card_cssstyles.productcard) + ' cursor-pointer col-lg-12 p-0 w-100 allcentered ',
48153
+ onClick: function onClick() {
48154
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
48155
+ }
48125
48156
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48126
48157
  "class": "row m-0 w-100 "
48127
48158
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
package/dist/index.esm.js CHANGED
@@ -11587,7 +11587,7 @@ var CardsSection = function CardsSection(props) {
11587
11587
  "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
11588
11588
  }, /*#__PURE__*/React.createElement("i", {
11589
11589
  "class": "h-100 d-flex align-items-center justify-content-center"
11590
- }, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
11590
+ }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
11591
11591
  size: sectionproperties.viewmorebtn_fontSize
11592
11592
  }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
11593
11593
  size: sectionproperties.viewmorebtn_fontSize
@@ -40729,6 +40729,40 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40729
40729
  flex: '1 1 auto',
40730
40730
  minWidth: '10%',
40731
40731
  background: sectionproperties.linebgcolor
40732
+ }),
40733
+ text1Styles: css({
40734
+ color: sectionproperties.slideshowText1ContentColor,
40735
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
40736
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
40737
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
40738
+ ':hover': {
40739
+ transition: '.3s',
40740
+ color: sectionproperties.text1secondarycolor
40741
+ }
40742
+ }),
40743
+ imageContainer: css({
40744
+ width: sectionproperties.image_width + 'px',
40745
+ height: sectionproperties.image_height + 'px',
40746
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
40747
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
40748
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
40749
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
40750
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
40751
+ justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center',
40752
+ ':hover': {
40753
+ transition: '.3s',
40754
+ backgroundColor: sectionproperties.activedotcolor
40755
+ }
40756
+ }),
40757
+ cardContainer: css({
40758
+ ':hover .imageContainer': {
40759
+ transition: '.3s',
40760
+ backgroundColor: sectionproperties.activedotcolor
40761
+ },
40762
+ ':hover .text1Styles': {
40763
+ transition: '.3s',
40764
+ color: sectionproperties.text1secondarycolor
40765
+ }
40732
40766
  })
40733
40767
  };
40734
40768
  return /*#__PURE__*/React.createElement("div", {
@@ -40837,8 +40871,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40837
40871
  zIndex: 2
40838
40872
  }
40839
40873
  }, /*#__PURE__*/React.createElement("div", {
40840
- "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
40874
+ "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
40841
40875
  style: {
40876
+ cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
40842
40877
  background: sectionproperties.reservation_bgcolor,
40843
40878
  paddingTop: sectionproperties.reservation_padding_top + 'px',
40844
40879
  paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
@@ -40849,6 +40884,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40849
40884
  borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
40850
40885
  borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
40851
40886
  boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
40887
+ },
40888
+ onClick: function onClick() {
40889
+ if (cardinfoitem.iscardclickable == 'Yes') {
40890
+ window.open(cardinfoitem.btnlink, '_blank');
40891
+ }
40852
40892
  }
40853
40893
  }, /*#__PURE__*/React.createElement("div", {
40854
40894
  "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40857,21 +40897,12 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40857
40897
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
40858
40898
  }
40859
40899
  }, /*#__PURE__*/React.createElement("div", {
40860
- "class": 'd-flex align-items-center',
40861
- style: {
40862
- width: sectionproperties.image_width + 'px',
40863
- height: sectionproperties.image_height + 'px',
40864
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
40865
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
40866
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
40867
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
40868
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
40869
- justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
40870
- }
40900
+ "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
40901
+ style: {}
40871
40902
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
40872
40903
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
40873
40904
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
40874
- path: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
40905
+ path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
40875
40906
  style: {
40876
40907
  maxHeight: sectionproperties.iconcontainerwidth + '%',
40877
40908
  maxWidth: sectionproperties.iconcontainerwidth + '%',
@@ -40884,14 +40915,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40884
40915
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
40885
40916
  }
40886
40917
  }, /*#__PURE__*/React.createElement("p", {
40887
- "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
40918
+ "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
40888
40919
  style: {
40889
- color: sectionproperties.slideshowText1ContentColor,
40890
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
40891
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
40892
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
40920
+ cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
40893
40921
  }
40894
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
40922
+ }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
40895
40923
  "class": "col-lg-12 d-flex p-0",
40896
40924
  style: {
40897
40925
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -40904,7 +40932,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
40904
40932
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
40905
40933
  textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
40906
40934
  }
40907
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
40935
+ }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
40908
40936
  }))));
40909
40937
  };
40910
40938
 
@@ -48074,7 +48102,10 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
48074
48102
  }, sectionproperties.generalbtn_content)))))), !(index % 2 == 0) && /*#__PURE__*/React.createElement("div", {
48075
48103
  "class": "col-lg-12 p-0"
48076
48104
  }, /*#__PURE__*/React.createElement("div", {
48077
- "class": "".concat(card_cssstyles.productcard) + ' cursor-pointer col-lg-12 p-0 w-100 allcentered '
48105
+ "class": "".concat(card_cssstyles.productcard) + ' cursor-pointer col-lg-12 p-0 w-100 allcentered ',
48106
+ onClick: function onClick() {
48107
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
48108
+ }
48078
48109
  }, /*#__PURE__*/React.createElement("div", {
48079
48110
  "class": "row m-0 w-100 "
48080
48111
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
package/dist/index.umd.js CHANGED
@@ -11486,7 +11486,7 @@
11486
11486
  "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
11487
11487
  }, /*#__PURE__*/React__default["default"].createElement("i", {
11488
11488
  "class": "h-100 d-flex align-items-center justify-content-center"
11489
- }, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
11489
+ }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
11490
11490
  size: sectionproperties.viewmorebtn_fontSize
11491
11491
  }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
11492
11492
  size: sectionproperties.viewmorebtn_fontSize
@@ -40628,6 +40628,40 @@
40628
40628
  flex: '1 1 auto',
40629
40629
  minWidth: '10%',
40630
40630
  background: sectionproperties.linebgcolor
40631
+ }),
40632
+ text1Styles: glamor.css({
40633
+ color: sectionproperties.slideshowText1ContentColor,
40634
+ fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
40635
+ fontWeight: sectionproperties.slideshowText1ContentFontWeight,
40636
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
40637
+ ':hover': {
40638
+ transition: '.3s',
40639
+ color: sectionproperties.text1secondarycolor
40640
+ }
40641
+ }),
40642
+ imageContainer: glamor.css({
40643
+ width: sectionproperties.image_width + 'px',
40644
+ height: sectionproperties.image_height + 'px',
40645
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
40646
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
40647
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
40648
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
40649
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
40650
+ justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center',
40651
+ ':hover': {
40652
+ transition: '.3s',
40653
+ backgroundColor: sectionproperties.activedotcolor
40654
+ }
40655
+ }),
40656
+ cardContainer: glamor.css({
40657
+ ':hover .imageContainer': {
40658
+ transition: '.3s',
40659
+ backgroundColor: sectionproperties.activedotcolor
40660
+ },
40661
+ ':hover .text1Styles': {
40662
+ transition: '.3s',
40663
+ color: sectionproperties.text1secondarycolor
40664
+ }
40631
40665
  })
40632
40666
  };
40633
40667
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40736,8 +40770,9 @@
40736
40770
  zIndex: 2
40737
40771
  }
40738
40772
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40739
- "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
40773
+ "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
40740
40774
  style: {
40775
+ cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
40741
40776
  background: sectionproperties.reservation_bgcolor,
40742
40777
  paddingTop: sectionproperties.reservation_padding_top + 'px',
40743
40778
  paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
@@ -40748,6 +40783,11 @@
40748
40783
  borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
40749
40784
  borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
40750
40785
  boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
40786
+ },
40787
+ onClick: function onClick() {
40788
+ if (cardinfoitem.iscardclickable == 'Yes') {
40789
+ window.open(cardinfoitem.btnlink, '_blank');
40790
+ }
40751
40791
  }
40752
40792
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40753
40793
  "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40756,21 +40796,12 @@
40756
40796
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
40757
40797
  }
40758
40798
  }, /*#__PURE__*/React__default["default"].createElement("div", {
40759
- "class": 'd-flex align-items-center',
40760
- style: {
40761
- width: sectionproperties.image_width + 'px',
40762
- height: sectionproperties.image_height + 'px',
40763
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
40764
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
40765
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
40766
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
40767
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
40768
- justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
40769
- }
40799
+ "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
40800
+ style: {}
40770
40801
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
40771
40802
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
40772
40803
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
40773
- path: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
40804
+ path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
40774
40805
  style: {
40775
40806
  maxHeight: sectionproperties.iconcontainerwidth + '%',
40776
40807
  maxWidth: sectionproperties.iconcontainerwidth + '%',
@@ -40783,14 +40814,11 @@
40783
40814
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
40784
40815
  }
40785
40816
  }, /*#__PURE__*/React__default["default"].createElement("p", {
40786
- "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
40817
+ "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
40787
40818
  style: {
40788
- color: sectionproperties.slideshowText1ContentColor,
40789
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
40790
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
40791
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
40819
+ cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
40792
40820
  }
40793
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
40821
+ }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
40794
40822
  "class": "col-lg-12 d-flex p-0",
40795
40823
  style: {
40796
40824
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -40803,7 +40831,7 @@
40803
40831
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
40804
40832
  textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
40805
40833
  }
40806
- }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
40834
+ }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
40807
40835
  }))));
40808
40836
  };
40809
40837
 
@@ -47973,7 +48001,10 @@
47973
48001
  }, sectionproperties.generalbtn_content)))))), !(index % 2 == 0) && /*#__PURE__*/React__default["default"].createElement("div", {
47974
48002
  "class": "col-lg-12 p-0"
47975
48003
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47976
- "class": "".concat(card_cssstyles.productcard) + ' cursor-pointer col-lg-12 p-0 w-100 allcentered '
48004
+ "class": "".concat(card_cssstyles.productcard) + ' cursor-pointer col-lg-12 p-0 w-100 allcentered ',
48005
+ onClick: function onClick() {
48006
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
48007
+ }
47977
48008
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47978
48009
  "class": "row m-0 w-100 "
47979
48010
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.256",
3
+ "version": "0.0.258",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {