tabexseriescomponents 0.2.802 → 0.2.803

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 +225 -12
  2. package/dist/index.esm.js +225 -12
  3. package/dist/index.umd.js +225 -12
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -22887,7 +22887,9 @@ var Subheader = function Subheader(props) {
22887
22887
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
22888
22888
  }
22889
22889
  }, sectionproperties.subheaderpositionfromhome == 'Right After Home' && /*#__PURE__*/React__default["default"].createElement("div", {
22890
- "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
22890
+ "class": "".concat(headerstyles$f.nav__item) + ' flex-row align-items-center w-100 justify-content-md-center '
22891
+ // scrollhorizontal
22892
+ ,
22891
22893
  style: {
22892
22894
  zIndex: 1000,
22893
22895
  justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start',
@@ -22904,7 +22906,9 @@ var Subheader = function Subheader(props) {
22904
22906
  setshowdownheadermenu(false);
22905
22907
  setChoosenindex('');
22906
22908
  },
22907
- "class": "scrollhorizontalcard mb-0 pb-0",
22909
+ "class": "mb-0 pb-0"
22910
+ // scrollhorizontalcard
22911
+ ,
22908
22912
  style: {
22909
22913
  marginLeft: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
22910
22914
  marginRight: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops
@@ -57120,10 +57124,22 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57120
57124
  '@media (max-width: 800px)': {
57121
57125
  height: '25vh'
57122
57126
  }
57127
+ }),
57128
+ bgcontaineryb: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
57129
+ width: '100%',
57130
+ height: '100%'
57131
+ }, "height", sectionproperties.image2_height == 0 ? '100%' : sectionproperties.image2_height + 'vh'), '@media (max-width: 800px)', {
57132
+ height: '25vh'
57133
+ })),
57134
+ bgcontaineryb1: glamor.css({
57135
+ height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
57136
+ '@media (max-width: 800px)': {
57137
+ height: '60vh'
57138
+ }
57123
57139
  })
57124
57140
  };
57125
57141
  var cardsrender = function cardsrender() {
57126
- var _authdetailsContext$i, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext$i2, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36;
57142
+ var _authdetailsContext$i, _authdetailsContext$i2, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext$i3, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36, _authdetailsContext$i4, _cardsarray$38, _cardsarray$39, _cardsarray$40, _cardsarray$42, _cardsarray$43, _cardsarray$44, _cardsarray$46, _cardsarray$47, _cardsarray$48;
57127
57143
  return /*#__PURE__*/React__default["default"].createElement("div", {
57128
57144
  "class": 'row m-0 w-100'
57129
57145
  }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -57145,7 +57161,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57145
57161
  textTransform: sectionproperties.noprod_textTransform,
57146
57162
  color: sectionproperties.noprod_color
57147
57163
  }
57148
- }, langdetect == 'en' ? 'No Collections Found' : 'لا توجد مجموعات'))), cardsarray.length != 0 && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
57164
+ }, langdetect == 'en' ? 'No Collections Found' : 'لا توجد مجموعات'))), cardsarray.length != 0 && sectionproperties.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '67fce91a4032d' && /*#__PURE__*/React__default["default"].createElement("div", {
57149
57165
  "class": "row m-0 w-100 d-flex align-items-center p-sm-0"
57150
57166
  }, /*#__PURE__*/React__default["default"].createElement("div", {
57151
57167
  "class": "row ml-0 mr-0 w-100 pl-md-1 pr-md-1 pl-sm-2 pr-sm-2",
@@ -57191,7 +57207,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57191
57207
  }
57192
57208
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
57193
57209
  "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
57194
- }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57210
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57195
57211
  "class": "row m-0 w-100 "
57196
57212
  }, /*#__PURE__*/React__default["default"].createElement("div", {
57197
57213
  "class": (cardsarray === null || cardsarray === void 0 ? void 0 : cardsarray.length) < 5 ? sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 mb-md-3 cursor-pointer ' : sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
@@ -57482,7 +57498,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57482
57498
  "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57483
57499
  }, /*#__PURE__*/React__default["default"].createElement("p", {
57484
57500
  "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
57485
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57501
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57486
57502
  "class": "row m-0 w-100 "
57487
57503
  }, /*#__PURE__*/React__default["default"].createElement("div", {
57488
57504
  "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-6 p-md-0 mb-md-3 cursor-pointer '
@@ -57693,7 +57709,200 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57693
57709
  "class": "col-lg-12 p-0 d-flex allcentered h-100"
57694
57710
  }, /*#__PURE__*/React__default["default"].createElement("p", {
57695
57711
  "class": section_cssstyles.collectionname + ' m-0 p-0 '
57696
- }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))));
57712
+ }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))), cardsarray.length != 0 && sectionproperties.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '67fce91a4032d' && /*#__PURE__*/React__default["default"].createElement("div", {
57713
+ "class": "row m-0 w-100 d-flex align-items-center p-sm-0"
57714
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57715
+ "class": "row ml-0 mr-0 w-100 pl-md-1 pr-md-1 pl-sm-2 pr-sm-2",
57716
+ style: {
57717
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
57718
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
57719
+ paddingLeft: sectionproperties.sectionTitleMarginLeft + 'px',
57720
+ paddingRight: sectionproperties.sectionTitleMarginRight + 'px'
57721
+ }
57722
+ }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57723
+ "class": sectionproperties.viewmorebtnshow == 'Show' ? ' col-lg-6 col-md-6 col-sm-6 d-flex align-items-center p-0 ' : ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 '
57724
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57725
+ "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 d-flex align-items-center mb-auto ',
57726
+ style: {
57727
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
57728
+ }
57729
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57730
+ "class": "d-flex align-items-center flex-row",
57731
+ style: {
57732
+ position: 'relative',
57733
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
57734
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
57735
+ }
57736
+ }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
57737
+ "class": section_cssstyles.line_left + ' d-sm-none '
57738
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
57739
+ "class": "".concat(section_cssstyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start ',
57740
+ style: {
57741
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
57742
+ color: sectionproperties.sectionTitleColor,
57743
+ fontWeight: sectionproperties.sectionTitleFontWeight,
57744
+ paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
57745
+ paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0
57746
+ }
57747
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
57748
+ "class": section_cssstyles.line_right + ' d-sm-none '
57749
+ })))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57750
+ "class": "col-lg-12 p-0"
57751
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
57752
+ "class": "mt-2 mb-2",
57753
+ style: {
57754
+ borderColor: sectionproperties.upperseparatorbgcolor
57755
+ }
57756
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
57757
+ "class":
57758
+ // hena
57759
+ sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-1 pr-md-1 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
57760
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57761
+ "class": "row m-0 w-100 "
57762
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57763
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 mb-md-2 cursor-pointer ',
57764
+ style: {
57765
+ paddingLeft: sectionproperties.imagepadding + 'px',
57766
+ paddingRight: sectionproperties.imagepadding + 'px'
57767
+ },
57768
+ onClick: function onClick() {
57769
+ var _cardsarray$37;
57770
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$37 = cardsarray[0]) === null || _cardsarray$37 === void 0 ? void 0 : _cardsarray$37.collectionid));
57771
+ }
57772
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57773
+ "class": "row m-0 w-100",
57774
+ style: {
57775
+ width: '100%'
57776
+ }
57777
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57778
+ "class": section_cssstyles.bgcontaineryb1 + ' col-lg-12 p-0 ',
57779
+ style: {
57780
+ width: '100%'
57781
+ }
57782
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
57783
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57784
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57785
+ path: (_cardsarray$38 = cardsarray[0]) === null || _cardsarray$38 === void 0 ? void 0 : _cardsarray$38.image,
57786
+ loading: "lazy",
57787
+ style: {
57788
+ width: '100%',
57789
+ height: '100%',
57790
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57791
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57792
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57793
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57794
+ objectFit: 'cover',
57795
+ zIndex: 1
57796
+ }
57797
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
57798
+ "class": 'col-lg-12 p-0 text-start'
57799
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57800
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3'
57801
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57802
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57803
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57804
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57805
+ }, langdetect == 'en' ? (_cardsarray$39 = cardsarray[0]) === null || _cardsarray$39 === void 0 ? void 0 : _cardsarray$39.name_en : (_cardsarray$40 = cardsarray[0]) === null || _cardsarray$40 === void 0 ? void 0 : _cardsarray$40.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57806
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57807
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57808
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57809
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
57810
+ "class": 'col-lg-6 pl-0 pr-0'
57811
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57812
+ "class": "row m-0 w-100"
57813
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57814
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-12 col-md-6 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-12 col-md-6 mb-md-3 cursor-pointer ',
57815
+ onClick: function onClick() {
57816
+ var _cardsarray$41;
57817
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$41 = cardsarray[1]) === null || _cardsarray$41 === void 0 ? void 0 : _cardsarray$41.collectionid));
57818
+ },
57819
+ style: {
57820
+ paddingLeft: sectionproperties.imagepadding + 'px',
57821
+ paddingRight: sectionproperties.imagepadding + 'px',
57822
+ marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
57823
+ }
57824
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57825
+ "class": "row m-0 w-100",
57826
+ style: {
57827
+ width: '100%'
57828
+ }
57829
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57830
+ "class": section_cssstyles.bgcontaineryb + ' col-lg-12 p-0 ',
57831
+ style: {}
57832
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
57833
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57834
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57835
+ path: (_cardsarray$42 = cardsarray[1]) === null || _cardsarray$42 === void 0 ? void 0 : _cardsarray$42.image,
57836
+ loading: "lazy",
57837
+ style: {
57838
+ width: '100%',
57839
+ height: '100%',
57840
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57841
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57842
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57843
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57844
+ objectFit: 'cover',
57845
+ zIndex: 1
57846
+ }
57847
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
57848
+ "class": ' col-12 text-start p-0 '
57849
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57850
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3 mt-auto'
57851
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57852
+ "class": "col-lg-12 p-0 text-start"
57853
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57854
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57855
+ }, langdetect == 'en' ? (_cardsarray$43 = cardsarray[1]) === null || _cardsarray$43 === void 0 ? void 0 : _cardsarray$43.name_en : (_cardsarray$44 = cardsarray[1]) === null || _cardsarray$44 === void 0 ? void 0 : _cardsarray$44.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57856
+ "class": "col-lg-12 p-0 text-start"
57857
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57858
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57859
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
57860
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-12 col-md-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-12 col-md-6 mb-md-3 cursor-pointer ',
57861
+ style: {
57862
+ paddingLeft: sectionproperties.imagepadding + 'px',
57863
+ paddingRight: sectionproperties.imagepadding + 'px',
57864
+ marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
57865
+ },
57866
+ onClick: function onClick() {
57867
+ var _cardsarray$45;
57868
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$45 = cardsarray[2]) === null || _cardsarray$45 === void 0 ? void 0 : _cardsarray$45.collectionid));
57869
+ }
57870
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57871
+ "class": "row m-0 w-100",
57872
+ style: {
57873
+ width: '100%'
57874
+ }
57875
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57876
+ "class": section_cssstyles.bgcontaineryb + ' col-lg-12 p-0 ',
57877
+ style: {}
57878
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
57879
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57880
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57881
+ path: (_cardsarray$46 = cardsarray[2]) === null || _cardsarray$46 === void 0 ? void 0 : _cardsarray$46.image,
57882
+ loading: "lazy",
57883
+ style: {
57884
+ width: '100%',
57885
+ height: '100%',
57886
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57887
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57888
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57889
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57890
+ objectFit: 'cover',
57891
+ zIndex: 1
57892
+ }
57893
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
57894
+ "class": ' col-12 text-start p-0'
57895
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57896
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3 mt-auto'
57897
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57898
+ "class": "col-lg-12 p-0 text-start"
57899
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57900
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57901
+ }, langdetect == 'en' ? (_cardsarray$47 = cardsarray[2]) === null || _cardsarray$47 === void 0 ? void 0 : _cardsarray$47.name_en : (_cardsarray$48 = cardsarray[2]) === null || _cardsarray$48 === void 0 ? void 0 : _cardsarray$48.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57902
+ "class": "col-lg-12 p-0 text-start"
57903
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57904
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57905
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
57697
57906
  };
57698
57907
  return /*#__PURE__*/React__default["default"].createElement("div", {
57699
57908
  "class": "row m-0 d-flex w-100 justify-content-center",
@@ -64212,11 +64421,11 @@ var DynamicForm = function DynamicForm(props) {
64212
64421
  background: sectionproperties.backgroundColor,
64213
64422
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
64214
64423
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
64215
- paddingTop: sectionproperties.paddingTop + 'px',
64216
- paddingBottom: sectionproperties.paddingBottom + 'px',
64424
+ paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingTop + 'px',
64425
+ paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingBottom + 'px',
64217
64426
  '@media (max-width: 800px)': {
64218
- paddingTop: sectionproperties.paddingtopresponsive + 'px',
64219
- paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
64427
+ paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingtopresponsive + 'px',
64428
+ paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingbottomresponsive + 'px'
64220
64429
  }
64221
64430
  })
64222
64431
  };
@@ -85080,6 +85289,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
85080
85289
  right: 10,
85081
85290
  transform: "translateX(0px)"
85082
85291
  }
85292
+ // ':hover .pname': {
85293
+ // textDecoration: 'underline',
85294
+ // transition: '.3s',
85295
+ // },
85083
85296
  }),
85084
85297
  productcardimagecont: glamor.css({
85085
85298
  position: 'relative',
@@ -85704,7 +85917,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
85704
85917
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
85705
85918
  }
85706
85919
  },
85707
- "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
85920
+ "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 pname ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 pname ',
85708
85921
  style: {
85709
85922
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
85710
85923
  }
package/dist/index.esm.js CHANGED
@@ -22839,7 +22839,9 @@ var Subheader = function Subheader(props) {
22839
22839
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
22840
22840
  }
22841
22841
  }, sectionproperties.subheaderpositionfromhome == 'Right After Home' && /*#__PURE__*/React.createElement("div", {
22842
- "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
22842
+ "class": "".concat(headerstyles$f.nav__item) + ' flex-row align-items-center w-100 justify-content-md-center '
22843
+ // scrollhorizontal
22844
+ ,
22843
22845
  style: {
22844
22846
  zIndex: 1000,
22845
22847
  justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start',
@@ -22856,7 +22858,9 @@ var Subheader = function Subheader(props) {
22856
22858
  setshowdownheadermenu(false);
22857
22859
  setChoosenindex('');
22858
22860
  },
22859
- "class": "scrollhorizontalcard mb-0 pb-0",
22861
+ "class": "mb-0 pb-0"
22862
+ // scrollhorizontalcard
22863
+ ,
22860
22864
  style: {
22861
22865
  marginLeft: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
22862
22866
  marginRight: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops
@@ -57072,10 +57076,22 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57072
57076
  '@media (max-width: 800px)': {
57073
57077
  height: '25vh'
57074
57078
  }
57079
+ }),
57080
+ bgcontaineryb: css(_defineProperty(_defineProperty({
57081
+ width: '100%',
57082
+ height: '100%'
57083
+ }, "height", sectionproperties.image2_height == 0 ? '100%' : sectionproperties.image2_height + 'vh'), '@media (max-width: 800px)', {
57084
+ height: '25vh'
57085
+ })),
57086
+ bgcontaineryb1: css({
57087
+ height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
57088
+ '@media (max-width: 800px)': {
57089
+ height: '60vh'
57090
+ }
57075
57091
  })
57076
57092
  };
57077
57093
  var cardsrender = function cardsrender() {
57078
- var _authdetailsContext$i, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext$i2, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36;
57094
+ var _authdetailsContext$i, _authdetailsContext$i2, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext$i3, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36, _authdetailsContext$i4, _cardsarray$38, _cardsarray$39, _cardsarray$40, _cardsarray$42, _cardsarray$43, _cardsarray$44, _cardsarray$46, _cardsarray$47, _cardsarray$48;
57079
57095
  return /*#__PURE__*/React.createElement("div", {
57080
57096
  "class": 'row m-0 w-100'
57081
57097
  }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React.createElement("div", {
@@ -57097,7 +57113,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57097
57113
  textTransform: sectionproperties.noprod_textTransform,
57098
57114
  color: sectionproperties.noprod_color
57099
57115
  }
57100
- }, langdetect == 'en' ? 'No Collections Found' : 'لا توجد مجموعات'))), cardsarray.length != 0 && sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
57116
+ }, langdetect == 'en' ? 'No Collections Found' : 'لا توجد مجموعات'))), cardsarray.length != 0 && sectionproperties.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '67fce91a4032d' && /*#__PURE__*/React.createElement("div", {
57101
57117
  "class": "row m-0 w-100 d-flex align-items-center p-sm-0"
57102
57118
  }, /*#__PURE__*/React.createElement("div", {
57103
57119
  "class": "row ml-0 mr-0 w-100 pl-md-1 pr-md-1 pl-sm-2 pr-sm-2",
@@ -57143,7 +57159,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57143
57159
  }
57144
57160
  }))), /*#__PURE__*/React.createElement("div", {
57145
57161
  "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
57146
- }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
57162
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
57147
57163
  "class": "row m-0 w-100 "
57148
57164
  }, /*#__PURE__*/React.createElement("div", {
57149
57165
  "class": (cardsarray === null || cardsarray === void 0 ? void 0 : cardsarray.length) < 5 ? sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 mb-md-3 cursor-pointer ' : sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
@@ -57434,7 +57450,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57434
57450
  "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57435
57451
  }, /*#__PURE__*/React.createElement("p", {
57436
57452
  "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
57437
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
57453
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
57438
57454
  "class": "row m-0 w-100 "
57439
57455
  }, /*#__PURE__*/React.createElement("div", {
57440
57456
  "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-6 p-md-0 mb-md-3 cursor-pointer '
@@ -57645,7 +57661,200 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
57645
57661
  "class": "col-lg-12 p-0 d-flex allcentered h-100"
57646
57662
  }, /*#__PURE__*/React.createElement("p", {
57647
57663
  "class": section_cssstyles.collectionname + ' m-0 p-0 '
57648
- }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))));
57664
+ }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))), cardsarray.length != 0 && sectionproperties.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '67fce91a4032d' && /*#__PURE__*/React.createElement("div", {
57665
+ "class": "row m-0 w-100 d-flex align-items-center p-sm-0"
57666
+ }, /*#__PURE__*/React.createElement("div", {
57667
+ "class": "row ml-0 mr-0 w-100 pl-md-1 pr-md-1 pl-sm-2 pr-sm-2",
57668
+ style: {
57669
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
57670
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
57671
+ paddingLeft: sectionproperties.sectionTitleMarginLeft + 'px',
57672
+ paddingRight: sectionproperties.sectionTitleMarginRight + 'px'
57673
+ }
57674
+ }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
57675
+ "class": sectionproperties.viewmorebtnshow == 'Show' ? ' col-lg-6 col-md-6 col-sm-6 d-flex align-items-center p-0 ' : ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 '
57676
+ }, /*#__PURE__*/React.createElement("div", {
57677
+ "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 d-flex align-items-center mb-auto ',
57678
+ style: {
57679
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
57680
+ }
57681
+ }, /*#__PURE__*/React.createElement("div", {
57682
+ "class": "d-flex align-items-center flex-row",
57683
+ style: {
57684
+ position: 'relative',
57685
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
57686
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
57687
+ }
57688
+ }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
57689
+ "class": section_cssstyles.line_left + ' d-sm-none '
57690
+ }), /*#__PURE__*/React.createElement("p", {
57691
+ "class": "".concat(section_cssstyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start ',
57692
+ style: {
57693
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
57694
+ color: sectionproperties.sectionTitleColor,
57695
+ fontWeight: sectionproperties.sectionTitleFontWeight,
57696
+ paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
57697
+ paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0
57698
+ }
57699
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
57700
+ "class": section_cssstyles.line_right + ' d-sm-none '
57701
+ })))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React.createElement("div", {
57702
+ "class": "col-lg-12 p-0"
57703
+ }, /*#__PURE__*/React.createElement("hr", {
57704
+ "class": "mt-2 mb-2",
57705
+ style: {
57706
+ borderColor: sectionproperties.upperseparatorbgcolor
57707
+ }
57708
+ }))), /*#__PURE__*/React.createElement("div", {
57709
+ "class":
57710
+ // hena
57711
+ sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-1 pr-md-1 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
57712
+ }, /*#__PURE__*/React.createElement("div", {
57713
+ "class": "row m-0 w-100 "
57714
+ }, /*#__PURE__*/React.createElement("div", {
57715
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 mb-md-2 cursor-pointer ',
57716
+ style: {
57717
+ paddingLeft: sectionproperties.imagepadding + 'px',
57718
+ paddingRight: sectionproperties.imagepadding + 'px'
57719
+ },
57720
+ onClick: function onClick() {
57721
+ var _cardsarray$37;
57722
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$37 = cardsarray[0]) === null || _cardsarray$37 === void 0 ? void 0 : _cardsarray$37.collectionid));
57723
+ }
57724
+ }, /*#__PURE__*/React.createElement("div", {
57725
+ "class": "row m-0 w-100",
57726
+ style: {
57727
+ width: '100%'
57728
+ }
57729
+ }, /*#__PURE__*/React.createElement("div", {
57730
+ "class": section_cssstyles.bgcontaineryb1 + ' col-lg-12 p-0 ',
57731
+ style: {
57732
+ width: '100%'
57733
+ }
57734
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
57735
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57736
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57737
+ path: (_cardsarray$38 = cardsarray[0]) === null || _cardsarray$38 === void 0 ? void 0 : _cardsarray$38.image,
57738
+ loading: "lazy",
57739
+ style: {
57740
+ width: '100%',
57741
+ height: '100%',
57742
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57743
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57744
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57745
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57746
+ objectFit: 'cover',
57747
+ zIndex: 1
57748
+ }
57749
+ })), /*#__PURE__*/React.createElement("div", {
57750
+ "class": 'col-lg-12 p-0 text-start'
57751
+ }, /*#__PURE__*/React.createElement("div", {
57752
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3'
57753
+ }, /*#__PURE__*/React.createElement("div", {
57754
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57755
+ }, /*#__PURE__*/React.createElement("p", {
57756
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57757
+ }, langdetect == 'en' ? (_cardsarray$39 = cardsarray[0]) === null || _cardsarray$39 === void 0 ? void 0 : _cardsarray$39.name_en : (_cardsarray$40 = cardsarray[0]) === null || _cardsarray$40 === void 0 ? void 0 : _cardsarray$40.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
57758
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57759
+ }, /*#__PURE__*/React.createElement("p", {
57760
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57761
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React.createElement("div", {
57762
+ "class": 'col-lg-6 pl-0 pr-0'
57763
+ }, /*#__PURE__*/React.createElement("div", {
57764
+ "class": "row m-0 w-100"
57765
+ }, /*#__PURE__*/React.createElement("div", {
57766
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-12 col-md-6 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-12 col-md-6 mb-md-3 cursor-pointer ',
57767
+ onClick: function onClick() {
57768
+ var _cardsarray$41;
57769
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$41 = cardsarray[1]) === null || _cardsarray$41 === void 0 ? void 0 : _cardsarray$41.collectionid));
57770
+ },
57771
+ style: {
57772
+ paddingLeft: sectionproperties.imagepadding + 'px',
57773
+ paddingRight: sectionproperties.imagepadding + 'px',
57774
+ marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
57775
+ }
57776
+ }, /*#__PURE__*/React.createElement("div", {
57777
+ "class": "row m-0 w-100",
57778
+ style: {
57779
+ width: '100%'
57780
+ }
57781
+ }, /*#__PURE__*/React.createElement("div", {
57782
+ "class": section_cssstyles.bgcontaineryb + ' col-lg-12 p-0 ',
57783
+ style: {}
57784
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
57785
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57786
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57787
+ path: (_cardsarray$42 = cardsarray[1]) === null || _cardsarray$42 === void 0 ? void 0 : _cardsarray$42.image,
57788
+ loading: "lazy",
57789
+ style: {
57790
+ width: '100%',
57791
+ height: '100%',
57792
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57793
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57794
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57795
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57796
+ objectFit: 'cover',
57797
+ zIndex: 1
57798
+ }
57799
+ })), /*#__PURE__*/React.createElement("div", {
57800
+ "class": ' col-12 text-start p-0 '
57801
+ }, /*#__PURE__*/React.createElement("div", {
57802
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3 mt-auto'
57803
+ }, /*#__PURE__*/React.createElement("div", {
57804
+ "class": "col-lg-12 p-0 text-start"
57805
+ }, /*#__PURE__*/React.createElement("p", {
57806
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57807
+ }, langdetect == 'en' ? (_cardsarray$43 = cardsarray[1]) === null || _cardsarray$43 === void 0 ? void 0 : _cardsarray$43.name_en : (_cardsarray$44 = cardsarray[1]) === null || _cardsarray$44 === void 0 ? void 0 : _cardsarray$44.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
57808
+ "class": "col-lg-12 p-0 text-start"
57809
+ }, /*#__PURE__*/React.createElement("p", {
57810
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57811
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React.createElement("div", {
57812
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-12 col-md-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-12 col-md-6 mb-md-3 cursor-pointer ',
57813
+ style: {
57814
+ paddingLeft: sectionproperties.imagepadding + 'px',
57815
+ paddingRight: sectionproperties.imagepadding + 'px',
57816
+ marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
57817
+ },
57818
+ onClick: function onClick() {
57819
+ var _cardsarray$45;
57820
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$45 = cardsarray[2]) === null || _cardsarray$45 === void 0 ? void 0 : _cardsarray$45.collectionid));
57821
+ }
57822
+ }, /*#__PURE__*/React.createElement("div", {
57823
+ "class": "row m-0 w-100",
57824
+ style: {
57825
+ width: '100%'
57826
+ }
57827
+ }, /*#__PURE__*/React.createElement("div", {
57828
+ "class": section_cssstyles.bgcontaineryb + ' col-lg-12 p-0 ',
57829
+ style: {}
57830
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
57831
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57832
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57833
+ path: (_cardsarray$46 = cardsarray[2]) === null || _cardsarray$46 === void 0 ? void 0 : _cardsarray$46.image,
57834
+ loading: "lazy",
57835
+ style: {
57836
+ width: '100%',
57837
+ height: '100%',
57838
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57839
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57840
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57841
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57842
+ objectFit: 'cover',
57843
+ zIndex: 1
57844
+ }
57845
+ })), /*#__PURE__*/React.createElement("div", {
57846
+ "class": ' col-12 text-start p-0'
57847
+ }, /*#__PURE__*/React.createElement("div", {
57848
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3 mt-auto'
57849
+ }, /*#__PURE__*/React.createElement("div", {
57850
+ "class": "col-lg-12 p-0 text-start"
57851
+ }, /*#__PURE__*/React.createElement("p", {
57852
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57853
+ }, langdetect == 'en' ? (_cardsarray$47 = cardsarray[2]) === null || _cardsarray$47 === void 0 ? void 0 : _cardsarray$47.name_en : (_cardsarray$48 = cardsarray[2]) === null || _cardsarray$48 === void 0 ? void 0 : _cardsarray$48.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
57854
+ "class": "col-lg-12 p-0 text-start"
57855
+ }, /*#__PURE__*/React.createElement("p", {
57856
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57857
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
57649
57858
  };
57650
57859
  return /*#__PURE__*/React.createElement("div", {
57651
57860
  "class": "row m-0 d-flex w-100 justify-content-center",
@@ -64164,11 +64373,11 @@ var DynamicForm = function DynamicForm(props) {
64164
64373
  background: sectionproperties.backgroundColor,
64165
64374
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
64166
64375
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
64167
- paddingTop: sectionproperties.paddingTop + 'px',
64168
- paddingBottom: sectionproperties.paddingBottom + 'px',
64376
+ paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingTop + 'px',
64377
+ paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingBottom + 'px',
64169
64378
  '@media (max-width: 800px)': {
64170
- paddingTop: sectionproperties.paddingtopresponsive + 'px',
64171
- paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
64379
+ paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingtopresponsive + 'px',
64380
+ paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingbottomresponsive + 'px'
64172
64381
  }
64173
64382
  })
64174
64383
  };
@@ -85032,6 +85241,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
85032
85241
  right: 10,
85033
85242
  transform: "translateX(0px)"
85034
85243
  }
85244
+ // ':hover .pname': {
85245
+ // textDecoration: 'underline',
85246
+ // transition: '.3s',
85247
+ // },
85035
85248
  }),
85036
85249
  productcardimagecont: css({
85037
85250
  position: 'relative',
@@ -85656,7 +85869,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
85656
85869
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
85657
85870
  }
85658
85871
  },
85659
- "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
85872
+ "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 pname ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 pname ',
85660
85873
  style: {
85661
85874
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
85662
85875
  }
package/dist/index.umd.js CHANGED
@@ -22700,7 +22700,9 @@
22700
22700
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
22701
22701
  }
22702
22702
  }, sectionproperties.subheaderpositionfromhome == 'Right After Home' && /*#__PURE__*/React__default["default"].createElement("div", {
22703
- "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
22703
+ "class": "".concat(headerstyles$f.nav__item) + ' flex-row align-items-center w-100 justify-content-md-center '
22704
+ // scrollhorizontal
22705
+ ,
22704
22706
  style: {
22705
22707
  zIndex: 1000,
22706
22708
  justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start',
@@ -22717,7 +22719,9 @@
22717
22719
  setshowdownheadermenu(false);
22718
22720
  setChoosenindex('');
22719
22721
  },
22720
- "class": "scrollhorizontalcard mb-0 pb-0",
22722
+ "class": "mb-0 pb-0"
22723
+ // scrollhorizontalcard
22724
+ ,
22721
22725
  style: {
22722
22726
  marginLeft: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
22723
22727
  marginRight: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops
@@ -56933,10 +56937,22 @@
56933
56937
  '@media (max-width: 800px)': {
56934
56938
  height: '25vh'
56935
56939
  }
56940
+ }),
56941
+ bgcontaineryb: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
56942
+ width: '100%',
56943
+ height: '100%'
56944
+ }, "height", sectionproperties.image2_height == 0 ? '100%' : sectionproperties.image2_height + 'vh'), '@media (max-width: 800px)', {
56945
+ height: '25vh'
56946
+ })),
56947
+ bgcontaineryb1: glamor.css({
56948
+ height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
56949
+ '@media (max-width: 800px)': {
56950
+ height: '60vh'
56951
+ }
56936
56952
  })
56937
56953
  };
56938
56954
  var cardsrender = function cardsrender() {
56939
- var _authdetailsContext$i, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext$i2, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36;
56955
+ var _authdetailsContext$i, _authdetailsContext$i2, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext$i3, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36, _authdetailsContext$i4, _cardsarray$38, _cardsarray$39, _cardsarray$40, _cardsarray$42, _cardsarray$43, _cardsarray$44, _cardsarray$46, _cardsarray$47, _cardsarray$48;
56940
56956
  return /*#__PURE__*/React__default["default"].createElement("div", {
56941
56957
  "class": 'row m-0 w-100'
56942
56958
  }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -56958,7 +56974,7 @@
56958
56974
  textTransform: sectionproperties.noprod_textTransform,
56959
56975
  color: sectionproperties.noprod_color
56960
56976
  }
56961
- }, langdetect == 'en' ? 'No Collections Found' : 'لا توجد مجموعات'))), cardsarray.length != 0 && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
56977
+ }, langdetect == 'en' ? 'No Collections Found' : 'لا توجد مجموعات'))), cardsarray.length != 0 && sectionproperties.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '67fce91a4032d' && /*#__PURE__*/React__default["default"].createElement("div", {
56962
56978
  "class": "row m-0 w-100 d-flex align-items-center p-sm-0"
56963
56979
  }, /*#__PURE__*/React__default["default"].createElement("div", {
56964
56980
  "class": "row ml-0 mr-0 w-100 pl-md-1 pr-md-1 pl-sm-2 pr-sm-2",
@@ -57004,7 +57020,7 @@
57004
57020
  }
57005
57021
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
57006
57022
  "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
57007
- }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57023
+ }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57008
57024
  "class": "row m-0 w-100 "
57009
57025
  }, /*#__PURE__*/React__default["default"].createElement("div", {
57010
57026
  "class": (cardsarray === null || cardsarray === void 0 ? void 0 : cardsarray.length) < 5 ? sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 mb-md-3 cursor-pointer ' : sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
@@ -57295,7 +57311,7 @@
57295
57311
  "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57296
57312
  }, /*#__PURE__*/React__default["default"].createElement("p", {
57297
57313
  "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
57298
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57314
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
57299
57315
  "class": "row m-0 w-100 "
57300
57316
  }, /*#__PURE__*/React__default["default"].createElement("div", {
57301
57317
  "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-6 p-md-0 mb-md-3 cursor-pointer '
@@ -57506,7 +57522,200 @@
57506
57522
  "class": "col-lg-12 p-0 d-flex allcentered h-100"
57507
57523
  }, /*#__PURE__*/React__default["default"].createElement("p", {
57508
57524
  "class": section_cssstyles.collectionname + ' m-0 p-0 '
57509
- }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))));
57525
+ }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))), cardsarray.length != 0 && sectionproperties.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '67fce91a4032d' && /*#__PURE__*/React__default["default"].createElement("div", {
57526
+ "class": "row m-0 w-100 d-flex align-items-center p-sm-0"
57527
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57528
+ "class": "row ml-0 mr-0 w-100 pl-md-1 pr-md-1 pl-sm-2 pr-sm-2",
57529
+ style: {
57530
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
57531
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
57532
+ paddingLeft: sectionproperties.sectionTitleMarginLeft + 'px',
57533
+ paddingRight: sectionproperties.sectionTitleMarginRight + 'px'
57534
+ }
57535
+ }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57536
+ "class": sectionproperties.viewmorebtnshow == 'Show' ? ' col-lg-6 col-md-6 col-sm-6 d-flex align-items-center p-0 ' : ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 '
57537
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57538
+ "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 d-flex align-items-center mb-auto ',
57539
+ style: {
57540
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
57541
+ }
57542
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57543
+ "class": "d-flex align-items-center flex-row",
57544
+ style: {
57545
+ position: 'relative',
57546
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
57547
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
57548
+ }
57549
+ }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
57550
+ "class": section_cssstyles.line_left + ' d-sm-none '
57551
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
57552
+ "class": "".concat(section_cssstyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start ',
57553
+ style: {
57554
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
57555
+ color: sectionproperties.sectionTitleColor,
57556
+ fontWeight: sectionproperties.sectionTitleFontWeight,
57557
+ paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
57558
+ paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0
57559
+ }
57560
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
57561
+ "class": section_cssstyles.line_right + ' d-sm-none '
57562
+ })))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57563
+ "class": "col-lg-12 p-0"
57564
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
57565
+ "class": "mt-2 mb-2",
57566
+ style: {
57567
+ borderColor: sectionproperties.upperseparatorbgcolor
57568
+ }
57569
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
57570
+ "class":
57571
+ // hena
57572
+ sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-1 pr-md-1 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
57573
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57574
+ "class": "row m-0 w-100 "
57575
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57576
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 mb-md-2 cursor-pointer ',
57577
+ style: {
57578
+ paddingLeft: sectionproperties.imagepadding + 'px',
57579
+ paddingRight: sectionproperties.imagepadding + 'px'
57580
+ },
57581
+ onClick: function onClick() {
57582
+ var _cardsarray$37;
57583
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$37 = cardsarray[0]) === null || _cardsarray$37 === void 0 ? void 0 : _cardsarray$37.collectionid));
57584
+ }
57585
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57586
+ "class": "row m-0 w-100",
57587
+ style: {
57588
+ width: '100%'
57589
+ }
57590
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57591
+ "class": section_cssstyles.bgcontaineryb1 + ' col-lg-12 p-0 ',
57592
+ style: {
57593
+ width: '100%'
57594
+ }
57595
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
57596
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57597
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57598
+ path: (_cardsarray$38 = cardsarray[0]) === null || _cardsarray$38 === void 0 ? void 0 : _cardsarray$38.image,
57599
+ loading: "lazy",
57600
+ style: {
57601
+ width: '100%',
57602
+ height: '100%',
57603
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57604
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57605
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57606
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57607
+ objectFit: 'cover',
57608
+ zIndex: 1
57609
+ }
57610
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
57611
+ "class": 'col-lg-12 p-0 text-start'
57612
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57613
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3'
57614
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57615
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57616
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57617
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57618
+ }, langdetect == 'en' ? (_cardsarray$39 = cardsarray[0]) === null || _cardsarray$39 === void 0 ? void 0 : _cardsarray$39.name_en : (_cardsarray$40 = cardsarray[0]) === null || _cardsarray$40 === void 0 ? void 0 : _cardsarray$40.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57619
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'col-lg-12 p-0 d-flex allcentered' : 'col-lg-12 p-0 d-flex justify-content-start'
57620
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57621
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57622
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
57623
+ "class": 'col-lg-6 pl-0 pr-0'
57624
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57625
+ "class": "row m-0 w-100"
57626
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57627
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-12 col-md-6 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-12 col-md-6 mb-md-3 cursor-pointer ',
57628
+ onClick: function onClick() {
57629
+ var _cardsarray$41;
57630
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$41 = cardsarray[1]) === null || _cardsarray$41 === void 0 ? void 0 : _cardsarray$41.collectionid));
57631
+ },
57632
+ style: {
57633
+ paddingLeft: sectionproperties.imagepadding + 'px',
57634
+ paddingRight: sectionproperties.imagepadding + 'px',
57635
+ marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
57636
+ }
57637
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57638
+ "class": "row m-0 w-100",
57639
+ style: {
57640
+ width: '100%'
57641
+ }
57642
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57643
+ "class": section_cssstyles.bgcontaineryb + ' col-lg-12 p-0 ',
57644
+ style: {}
57645
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
57646
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57647
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57648
+ path: (_cardsarray$42 = cardsarray[1]) === null || _cardsarray$42 === void 0 ? void 0 : _cardsarray$42.image,
57649
+ loading: "lazy",
57650
+ style: {
57651
+ width: '100%',
57652
+ height: '100%',
57653
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57654
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57655
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57656
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57657
+ objectFit: 'cover',
57658
+ zIndex: 1
57659
+ }
57660
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
57661
+ "class": ' col-12 text-start p-0 '
57662
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57663
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3 mt-auto'
57664
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57665
+ "class": "col-lg-12 p-0 text-start"
57666
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57667
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57668
+ }, langdetect == 'en' ? (_cardsarray$43 = cardsarray[1]) === null || _cardsarray$43 === void 0 ? void 0 : _cardsarray$43.name_en : (_cardsarray$44 = cardsarray[1]) === null || _cardsarray$44 === void 0 ? void 0 : _cardsarray$44.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57669
+ "class": "col-lg-12 p-0 text-start"
57670
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57671
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57672
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
57673
+ "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-12 col-md-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-12 col-md-6 mb-md-3 cursor-pointer ',
57674
+ style: {
57675
+ paddingLeft: sectionproperties.imagepadding + 'px',
57676
+ paddingRight: sectionproperties.imagepadding + 'px',
57677
+ marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
57678
+ },
57679
+ onClick: function onClick() {
57680
+ var _cardsarray$45;
57681
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$45 = cardsarray[2]) === null || _cardsarray$45 === void 0 ? void 0 : _cardsarray$45.collectionid));
57682
+ }
57683
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57684
+ "class": "row m-0 w-100",
57685
+ style: {
57686
+ width: '100%'
57687
+ }
57688
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57689
+ "class": section_cssstyles.bgcontaineryb + ' col-lg-12 p-0 ',
57690
+ style: {}
57691
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
57692
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
57693
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
57694
+ path: (_cardsarray$46 = cardsarray[2]) === null || _cardsarray$46 === void 0 ? void 0 : _cardsarray$46.image,
57695
+ loading: "lazy",
57696
+ style: {
57697
+ width: '100%',
57698
+ height: '100%',
57699
+ borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
57700
+ borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
57701
+ borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
57702
+ borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
57703
+ objectFit: 'cover',
57704
+ zIndex: 1
57705
+ }
57706
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
57707
+ "class": ' col-12 text-start p-0'
57708
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57709
+ "class": sectionproperties.generaltext_position == 'Centered' ? 'row m-0 w-100 py-3 h-100 allcentered' : 'row m-0 w-100 py-3 mt-auto'
57710
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57711
+ "class": "col-lg-12 p-0 text-start"
57712
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57713
+ "class": section_cssstyles.collectionname + ' m-0 p-0 '
57714
+ }, langdetect == 'en' ? (_cardsarray$47 = cardsarray[2]) === null || _cardsarray$47 === void 0 ? void 0 : _cardsarray$47.name_en : (_cardsarray$48 = cardsarray[2]) === null || _cardsarray$48 === void 0 ? void 0 : _cardsarray$48.name_ar)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
57715
+ "class": "col-lg-12 p-0 text-start"
57716
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
57717
+ "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
57718
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
57510
57719
  };
57511
57720
  return /*#__PURE__*/React__default["default"].createElement("div", {
57512
57721
  "class": "row m-0 d-flex w-100 justify-content-center",
@@ -64025,11 +64234,11 @@
64025
64234
  background: sectionproperties.backgroundColor,
64026
64235
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
64027
64236
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
64028
- paddingTop: sectionproperties.paddingTop + 'px',
64029
- paddingBottom: sectionproperties.paddingBottom + 'px',
64237
+ paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingTop + 'px',
64238
+ paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingBottom + 'px',
64030
64239
  '@media (max-width: 800px)': {
64031
- paddingTop: sectionproperties.paddingtopresponsive + 'px',
64032
- paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
64240
+ paddingTop: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingtopresponsive + 'px',
64241
+ paddingBottom: sectionproperties.cardpaddingvertical != 0 ? sectionproperties.cardpaddingvertical : sectionproperties.paddingbottomresponsive + 'px'
64033
64242
  }
64034
64243
  })
64035
64244
  };
@@ -84893,6 +85102,10 @@
84893
85102
  right: 10,
84894
85103
  transform: "translateX(0px)"
84895
85104
  }
85105
+ // ':hover .pname': {
85106
+ // textDecoration: 'underline',
85107
+ // transition: '.3s',
85108
+ // },
84896
85109
  }),
84897
85110
  productcardimagecont: glamor.css({
84898
85111
  position: 'relative',
@@ -85517,7 +85730,7 @@
85517
85730
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
85518
85731
  }
85519
85732
  },
85520
- "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
85733
+ "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak1 font-md-13 m-0 pname ' : "".concat(card_cssstyles.productNameStyles) + ' wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 pname ',
85521
85734
  style: {
85522
85735
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
85523
85736
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.802",
3
+ "version": "0.2.803",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",