tabexseriescomponents 0.0.522 → 0.0.524

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
@@ -17271,36 +17271,40 @@ var CardsSection = function CardsSection(props) {
17271
17271
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
17272
17272
  };
17273
17273
  function PaginatedItems(_ref) {
17274
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8;
17274
+ var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9;
17275
17275
  _ref.itemsPerPage;
17276
17276
  // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
17277
17277
  var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 || (_fetchProductsQuery$d7 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : _fetchProductsQuery$d7.productscou) / perpageItems);
17278
- return /*#__PURE__*/React__default["default"].createElement("div", {
17279
- "class": "d-flex containerClassName"
17280
- }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
17281
- breakLabel: "...",
17282
- forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d8 = fetchProductsQuery.data) === null || _fetchProductsQuery$d8 === void 0 || (_fetchProductsQuery$d8 = _fetchProductsQuery$d8.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.page,
17283
- nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
17284
- size: parseInt(sectionproperties.paginationFontSize) + 3
17285
- }),
17286
- onPageChange: handlePageClick,
17287
- active: true,
17288
- pageRangeDisplayed: 5,
17289
- pageCount: pageCount,
17290
- previousLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronLeft.FiChevronLeft, {
17291
- size: parseInt(sectionproperties.paginationFontSize) + 3
17292
- }),
17293
- renderOnZeroPageCount: null,
17294
- pageLinkClassName: section_cssstyles.pageLinkClassName,
17295
- nextLinkClassName: section_cssstyles.nextLinkClassName,
17296
- previousLinkClassName: section_cssstyles.previousLinkClassName,
17297
- activeClassName: section_cssstyles.activeClassName,
17298
- activeLinkClassName: section_cssstyles.activeLinkClassName,
17299
- previousClassName: section_cssstyles.previousClassName,
17300
- nextClassName: section_cssstyles.nextClassName,
17301
- disabledClassName: section_cssstyles.disabledClassName,
17302
- disabledLinkClassName: section_cssstyles.disabledLinkClassName
17303
- }));
17278
+ if ((fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d8 = fetchProductsQuery.data) === null || _fetchProductsQuery$d8 === void 0 || (_fetchProductsQuery$d8 = _fetchProductsQuery$d8.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.page) != undefined && (fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 || (_fetchProductsQuery$d9 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : _fetchProductsQuery$d9.page) != null) {
17279
+ var _fetchProductsQuery$d10;
17280
+ var currentpage = parseInt(fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d10 = fetchProductsQuery.data) === null || _fetchProductsQuery$d10 === void 0 || (_fetchProductsQuery$d10 = _fetchProductsQuery$d10.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.page);
17281
+ return /*#__PURE__*/React__default["default"].createElement("div", {
17282
+ "class": "d-flex containerClassName"
17283
+ }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
17284
+ breakLabel: "...",
17285
+ forcePage: currentpage,
17286
+ nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
17287
+ size: parseInt(sectionproperties.paginationFontSize) + 3
17288
+ }),
17289
+ onPageChange: handlePageClick,
17290
+ active: true,
17291
+ pageRangeDisplayed: 5,
17292
+ pageCount: pageCount,
17293
+ previousLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronLeft.FiChevronLeft, {
17294
+ size: parseInt(sectionproperties.paginationFontSize) + 3
17295
+ }),
17296
+ renderOnZeroPageCount: null,
17297
+ pageLinkClassName: section_cssstyles.pageLinkClassName,
17298
+ nextLinkClassName: section_cssstyles.nextLinkClassName,
17299
+ previousLinkClassName: section_cssstyles.previousLinkClassName,
17300
+ activeClassName: section_cssstyles.activeClassName,
17301
+ activeLinkClassName: section_cssstyles.activeLinkClassName,
17302
+ previousClassName: section_cssstyles.previousClassName,
17303
+ nextClassName: section_cssstyles.nextClassName,
17304
+ disabledClassName: section_cssstyles.disabledClassName,
17305
+ disabledLinkClassName: section_cssstyles.disabledLinkClassName
17306
+ }));
17307
+ }
17304
17308
  }
17305
17309
  var section_cssstyles = {
17306
17310
  sectioncontainerr: glamor.css({
@@ -62401,6 +62405,10 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
62401
62405
  opacity: 1,
62402
62406
  bottom: 10,
62403
62407
  transition: '.3s'
62408
+ },
62409
+ '@media (max-width: 800px)': {
62410
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
62411
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
62404
62412
  }
62405
62413
  }),
62406
62414
  productcard2: glamor.css({
@@ -62582,6 +62590,21 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
62582
62590
  transition: '.3s',
62583
62591
  boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
62584
62592
  }
62593
+ }),
62594
+ imagecont: glamor.css({
62595
+ position: 'relative',
62596
+ height: sectionproperties.image_height + 'px',
62597
+ marginBottom: sectionproperties.image_mb + 'px',
62598
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
62599
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
62600
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
62601
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
62602
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
62603
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
62604
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
62605
+ '@media (max-width: 800px)': {
62606
+ height: sectionproperties.height_responsive + 'px'
62607
+ }
62585
62608
  })
62586
62609
  };
62587
62610
  var Buttons = function Buttons() {
@@ -62701,19 +62724,8 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
62701
62724
  "class": card_cssstyles.innercard + ' col-lg-12 pl-0 pr-0 h-100 ',
62702
62725
  style: {}
62703
62726
  }, /*#__PURE__*/React__default["default"].createElement("div", {
62704
- "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer",
62705
- style: {
62706
- position: 'relative',
62707
- height: sectionproperties.image_height + 'px',
62708
- marginBottom: sectionproperties.image_mb + 'px',
62709
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
62710
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
62711
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
62712
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
62713
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
62714
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
62715
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
62716
- },
62727
+ "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
62728
+ style: {},
62717
62729
  onClick: function onClick(e) {
62718
62730
  e.stopPropagation();
62719
62731
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
package/dist/index.esm.js CHANGED
@@ -17222,36 +17222,40 @@ var CardsSection = function CardsSection(props) {
17222
17222
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
17223
17223
  };
17224
17224
  function PaginatedItems(_ref) {
17225
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8;
17225
+ var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9;
17226
17226
  _ref.itemsPerPage;
17227
17227
  // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
17228
17228
  var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 || (_fetchProductsQuery$d7 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : _fetchProductsQuery$d7.productscou) / perpageItems);
17229
- return /*#__PURE__*/React.createElement("div", {
17230
- "class": "d-flex containerClassName"
17231
- }, /*#__PURE__*/React.createElement(ReactPaginate, {
17232
- breakLabel: "...",
17233
- forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d8 = fetchProductsQuery.data) === null || _fetchProductsQuery$d8 === void 0 || (_fetchProductsQuery$d8 = _fetchProductsQuery$d8.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.page,
17234
- nextLabel: /*#__PURE__*/React.createElement(FiChevronRight, {
17235
- size: parseInt(sectionproperties.paginationFontSize) + 3
17236
- }),
17237
- onPageChange: handlePageClick,
17238
- active: true,
17239
- pageRangeDisplayed: 5,
17240
- pageCount: pageCount,
17241
- previousLabel: /*#__PURE__*/React.createElement(FiChevronLeft, {
17242
- size: parseInt(sectionproperties.paginationFontSize) + 3
17243
- }),
17244
- renderOnZeroPageCount: null,
17245
- pageLinkClassName: section_cssstyles.pageLinkClassName,
17246
- nextLinkClassName: section_cssstyles.nextLinkClassName,
17247
- previousLinkClassName: section_cssstyles.previousLinkClassName,
17248
- activeClassName: section_cssstyles.activeClassName,
17249
- activeLinkClassName: section_cssstyles.activeLinkClassName,
17250
- previousClassName: section_cssstyles.previousClassName,
17251
- nextClassName: section_cssstyles.nextClassName,
17252
- disabledClassName: section_cssstyles.disabledClassName,
17253
- disabledLinkClassName: section_cssstyles.disabledLinkClassName
17254
- }));
17229
+ if ((fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d8 = fetchProductsQuery.data) === null || _fetchProductsQuery$d8 === void 0 || (_fetchProductsQuery$d8 = _fetchProductsQuery$d8.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.page) != undefined && (fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 || (_fetchProductsQuery$d9 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : _fetchProductsQuery$d9.page) != null) {
17230
+ var _fetchProductsQuery$d10;
17231
+ var currentpage = parseInt(fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d10 = fetchProductsQuery.data) === null || _fetchProductsQuery$d10 === void 0 || (_fetchProductsQuery$d10 = _fetchProductsQuery$d10.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.page);
17232
+ return /*#__PURE__*/React.createElement("div", {
17233
+ "class": "d-flex containerClassName"
17234
+ }, /*#__PURE__*/React.createElement(ReactPaginate, {
17235
+ breakLabel: "...",
17236
+ forcePage: currentpage,
17237
+ nextLabel: /*#__PURE__*/React.createElement(FiChevronRight, {
17238
+ size: parseInt(sectionproperties.paginationFontSize) + 3
17239
+ }),
17240
+ onPageChange: handlePageClick,
17241
+ active: true,
17242
+ pageRangeDisplayed: 5,
17243
+ pageCount: pageCount,
17244
+ previousLabel: /*#__PURE__*/React.createElement(FiChevronLeft, {
17245
+ size: parseInt(sectionproperties.paginationFontSize) + 3
17246
+ }),
17247
+ renderOnZeroPageCount: null,
17248
+ pageLinkClassName: section_cssstyles.pageLinkClassName,
17249
+ nextLinkClassName: section_cssstyles.nextLinkClassName,
17250
+ previousLinkClassName: section_cssstyles.previousLinkClassName,
17251
+ activeClassName: section_cssstyles.activeClassName,
17252
+ activeLinkClassName: section_cssstyles.activeLinkClassName,
17253
+ previousClassName: section_cssstyles.previousClassName,
17254
+ nextClassName: section_cssstyles.nextClassName,
17255
+ disabledClassName: section_cssstyles.disabledClassName,
17256
+ disabledLinkClassName: section_cssstyles.disabledLinkClassName
17257
+ }));
17258
+ }
17255
17259
  }
17256
17260
  var section_cssstyles = {
17257
17261
  sectioncontainerr: css({
@@ -62352,6 +62356,10 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
62352
62356
  opacity: 1,
62353
62357
  bottom: 10,
62354
62358
  transition: '.3s'
62359
+ },
62360
+ '@media (max-width: 800px)': {
62361
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
62362
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
62355
62363
  }
62356
62364
  }),
62357
62365
  productcard2: css({
@@ -62533,6 +62541,21 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
62533
62541
  transition: '.3s',
62534
62542
  boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
62535
62543
  }
62544
+ }),
62545
+ imagecont: css({
62546
+ position: 'relative',
62547
+ height: sectionproperties.image_height + 'px',
62548
+ marginBottom: sectionproperties.image_mb + 'px',
62549
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
62550
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
62551
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
62552
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
62553
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
62554
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
62555
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
62556
+ '@media (max-width: 800px)': {
62557
+ height: sectionproperties.height_responsive + 'px'
62558
+ }
62536
62559
  })
62537
62560
  };
62538
62561
  var Buttons = function Buttons() {
@@ -62652,19 +62675,8 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
62652
62675
  "class": card_cssstyles.innercard + ' col-lg-12 pl-0 pr-0 h-100 ',
62653
62676
  style: {}
62654
62677
  }, /*#__PURE__*/React.createElement("div", {
62655
- "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer",
62656
- style: {
62657
- position: 'relative',
62658
- height: sectionproperties.image_height + 'px',
62659
- marginBottom: sectionproperties.image_mb + 'px',
62660
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
62661
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
62662
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
62663
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
62664
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
62665
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
62666
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
62667
- },
62678
+ "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
62679
+ style: {},
62668
62680
  onClick: function onClick(e) {
62669
62681
  e.stopPropagation();
62670
62682
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
package/dist/index.umd.js CHANGED
@@ -17097,36 +17097,40 @@
17097
17097
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
17098
17098
  };
17099
17099
  function PaginatedItems(_ref) {
17100
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8;
17100
+ var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9;
17101
17101
  _ref.itemsPerPage;
17102
17102
  // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
17103
17103
  var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 || (_fetchProductsQuery$d7 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : _fetchProductsQuery$d7.productscou) / perpageItems);
17104
- return /*#__PURE__*/React__default["default"].createElement("div", {
17105
- "class": "d-flex containerClassName"
17106
- }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
17107
- breakLabel: "...",
17108
- forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d8 = fetchProductsQuery.data) === null || _fetchProductsQuery$d8 === void 0 || (_fetchProductsQuery$d8 = _fetchProductsQuery$d8.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.page,
17109
- nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
17110
- size: parseInt(sectionproperties.paginationFontSize) + 3
17111
- }),
17112
- onPageChange: handlePageClick,
17113
- active: true,
17114
- pageRangeDisplayed: 5,
17115
- pageCount: pageCount,
17116
- previousLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronLeft.FiChevronLeft, {
17117
- size: parseInt(sectionproperties.paginationFontSize) + 3
17118
- }),
17119
- renderOnZeroPageCount: null,
17120
- pageLinkClassName: section_cssstyles.pageLinkClassName,
17121
- nextLinkClassName: section_cssstyles.nextLinkClassName,
17122
- previousLinkClassName: section_cssstyles.previousLinkClassName,
17123
- activeClassName: section_cssstyles.activeClassName,
17124
- activeLinkClassName: section_cssstyles.activeLinkClassName,
17125
- previousClassName: section_cssstyles.previousClassName,
17126
- nextClassName: section_cssstyles.nextClassName,
17127
- disabledClassName: section_cssstyles.disabledClassName,
17128
- disabledLinkClassName: section_cssstyles.disabledLinkClassName
17129
- }));
17104
+ if ((fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d8 = fetchProductsQuery.data) === null || _fetchProductsQuery$d8 === void 0 || (_fetchProductsQuery$d8 = _fetchProductsQuery$d8.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.page) != undefined && (fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 || (_fetchProductsQuery$d9 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : _fetchProductsQuery$d9.page) != null) {
17105
+ var _fetchProductsQuery$d10;
17106
+ var currentpage = parseInt(fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d10 = fetchProductsQuery.data) === null || _fetchProductsQuery$d10 === void 0 || (_fetchProductsQuery$d10 = _fetchProductsQuery$d10.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.page);
17107
+ return /*#__PURE__*/React__default["default"].createElement("div", {
17108
+ "class": "d-flex containerClassName"
17109
+ }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
17110
+ breakLabel: "...",
17111
+ forcePage: currentpage,
17112
+ nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
17113
+ size: parseInt(sectionproperties.paginationFontSize) + 3
17114
+ }),
17115
+ onPageChange: handlePageClick,
17116
+ active: true,
17117
+ pageRangeDisplayed: 5,
17118
+ pageCount: pageCount,
17119
+ previousLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronLeft.FiChevronLeft, {
17120
+ size: parseInt(sectionproperties.paginationFontSize) + 3
17121
+ }),
17122
+ renderOnZeroPageCount: null,
17123
+ pageLinkClassName: section_cssstyles.pageLinkClassName,
17124
+ nextLinkClassName: section_cssstyles.nextLinkClassName,
17125
+ previousLinkClassName: section_cssstyles.previousLinkClassName,
17126
+ activeClassName: section_cssstyles.activeClassName,
17127
+ activeLinkClassName: section_cssstyles.activeLinkClassName,
17128
+ previousClassName: section_cssstyles.previousClassName,
17129
+ nextClassName: section_cssstyles.nextClassName,
17130
+ disabledClassName: section_cssstyles.disabledClassName,
17131
+ disabledLinkClassName: section_cssstyles.disabledLinkClassName
17132
+ }));
17133
+ }
17130
17134
  }
17131
17135
  var section_cssstyles = {
17132
17136
  sectioncontainerr: glamor.css({
@@ -62227,6 +62231,10 @@
62227
62231
  opacity: 1,
62228
62232
  bottom: 10,
62229
62233
  transition: '.3s'
62234
+ },
62235
+ '@media (max-width: 800px)': {
62236
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
62237
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
62230
62238
  }
62231
62239
  }),
62232
62240
  productcard2: glamor.css({
@@ -62408,6 +62416,21 @@
62408
62416
  transition: '.3s',
62409
62417
  boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
62410
62418
  }
62419
+ }),
62420
+ imagecont: glamor.css({
62421
+ position: 'relative',
62422
+ height: sectionproperties.image_height + 'px',
62423
+ marginBottom: sectionproperties.image_mb + 'px',
62424
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
62425
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
62426
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
62427
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
62428
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
62429
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
62430
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
62431
+ '@media (max-width: 800px)': {
62432
+ height: sectionproperties.height_responsive + 'px'
62433
+ }
62411
62434
  })
62412
62435
  };
62413
62436
  var Buttons = function Buttons() {
@@ -62527,19 +62550,8 @@
62527
62550
  "class": card_cssstyles.innercard + ' col-lg-12 pl-0 pr-0 h-100 ',
62528
62551
  style: {}
62529
62552
  }, /*#__PURE__*/React__default["default"].createElement("div", {
62530
- "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer",
62531
- style: {
62532
- position: 'relative',
62533
- height: sectionproperties.image_height + 'px',
62534
- marginBottom: sectionproperties.image_mb + 'px',
62535
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
62536
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
62537
- background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
62538
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
62539
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
62540
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
62541
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
62542
- },
62553
+ "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
62554
+ style: {},
62543
62555
  onClick: function onClick(e) {
62544
62556
  e.stopPropagation();
62545
62557
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.522",
3
+ "version": "0.0.524",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {