tabexseriescomponents 0.0.601 → 0.0.602

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
@@ -23863,6 +23863,23 @@ var ElegantHeader = function ElegantHeader(props) {
23863
23863
  '::placeholder': {
23864
23864
  color: sectionproperties.searchbarcontinput_color
23865
23865
  }
23866
+ }),
23867
+ floatingbtn: glamor.css({
23868
+ width: sectionproperties.floatingbtnwidth + '%',
23869
+ height: sectionproperties.floatingbtnheight + 'px',
23870
+ background: sectionproperties.floatingbtnbg,
23871
+ fontSize: sectionproperties.floatingbtnfontsize + 'px',
23872
+ color: sectionproperties.floatingbtncolor,
23873
+ borderRadius: 10,
23874
+ ':hover': {
23875
+ color: sectionproperties.floatingbtncolorhover,
23876
+ backgroundColor: sectionproperties.floatingbtnbghover,
23877
+ transitions: '.3s',
23878
+ cursor: 'pointer'
23879
+ },
23880
+ '@media (max-width: 800px)': {
23881
+ width: '50%'
23882
+ }
23866
23883
  })
23867
23884
  };
23868
23885
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23893,7 +23910,25 @@ var ElegantHeader = function ElegantHeader(props) {
23893
23910
  height: '40px',
23894
23911
  cursor: 'pointer'
23895
23912
  }
23896
- })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
23913
+ })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
23914
+ style: {
23915
+ position: 'fixed',
23916
+ bottom: 15,
23917
+ right: 15,
23918
+ zIndex: 999999,
23919
+ transition: 'all 0.3s ease-out',
23920
+ width: '100%'
23921
+ },
23922
+ "class": "text-end"
23923
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23924
+ "class": header_cssstyles.floatingbtn + ' allcentered ',
23925
+ style: {},
23926
+ onClick: function onClick() {
23927
+ routingcountext(sectionproperties.floatingbtnlink, false, '');
23928
+ }
23929
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
23930
+ "class": "m-0 p-0"
23931
+ }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
23897
23932
  sectionpropertiesprops: sectionproperties,
23898
23933
  templateproperties_contextprops: templateproperties_context,
23899
23934
  actions: actions
@@ -60071,7 +60106,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
60071
60106
  ':before': {
60072
60107
  width: '100%',
60073
60108
  height: '100%',
60074
- background: 'rgba(0,0,0,0.8)',
60109
+ background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
60075
60110
  zIndex: 1,
60076
60111
  position: 'absolute',
60077
60112
  content: 's',
package/dist/index.esm.js CHANGED
@@ -23814,6 +23814,23 @@ var ElegantHeader = function ElegantHeader(props) {
23814
23814
  '::placeholder': {
23815
23815
  color: sectionproperties.searchbarcontinput_color
23816
23816
  }
23817
+ }),
23818
+ floatingbtn: css({
23819
+ width: sectionproperties.floatingbtnwidth + '%',
23820
+ height: sectionproperties.floatingbtnheight + 'px',
23821
+ background: sectionproperties.floatingbtnbg,
23822
+ fontSize: sectionproperties.floatingbtnfontsize + 'px',
23823
+ color: sectionproperties.floatingbtncolor,
23824
+ borderRadius: 10,
23825
+ ':hover': {
23826
+ color: sectionproperties.floatingbtncolorhover,
23827
+ backgroundColor: sectionproperties.floatingbtnbghover,
23828
+ transitions: '.3s',
23829
+ cursor: 'pointer'
23830
+ },
23831
+ '@media (max-width: 800px)': {
23832
+ width: '50%'
23833
+ }
23817
23834
  })
23818
23835
  };
23819
23836
  return /*#__PURE__*/React.createElement("div", {
@@ -23844,7 +23861,25 @@ var ElegantHeader = function ElegantHeader(props) {
23844
23861
  height: '40px',
23845
23862
  cursor: 'pointer'
23846
23863
  }
23847
- })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
23864
+ })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
23865
+ style: {
23866
+ position: 'fixed',
23867
+ bottom: 15,
23868
+ right: 15,
23869
+ zIndex: 999999,
23870
+ transition: 'all 0.3s ease-out',
23871
+ width: '100%'
23872
+ },
23873
+ "class": "text-end"
23874
+ }, /*#__PURE__*/React.createElement("div", {
23875
+ "class": header_cssstyles.floatingbtn + ' allcentered ',
23876
+ style: {},
23877
+ onClick: function onClick() {
23878
+ routingcountext(sectionproperties.floatingbtnlink, false, '');
23879
+ }
23880
+ }, /*#__PURE__*/React.createElement("p", {
23881
+ "class": "m-0 p-0"
23882
+ }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
23848
23883
  sectionpropertiesprops: sectionproperties,
23849
23884
  templateproperties_contextprops: templateproperties_context,
23850
23885
  actions: actions
@@ -60022,7 +60057,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
60022
60057
  ':before': {
60023
60058
  width: '100%',
60024
60059
  height: '100%',
60025
- background: 'rgba(0,0,0,0.8)',
60060
+ background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
60026
60061
  zIndex: 1,
60027
60062
  position: 'absolute',
60028
60063
  content: 's',
package/dist/index.umd.js CHANGED
@@ -23687,6 +23687,23 @@
23687
23687
  '::placeholder': {
23688
23688
  color: sectionproperties.searchbarcontinput_color
23689
23689
  }
23690
+ }),
23691
+ floatingbtn: glamor.css({
23692
+ width: sectionproperties.floatingbtnwidth + '%',
23693
+ height: sectionproperties.floatingbtnheight + 'px',
23694
+ background: sectionproperties.floatingbtnbg,
23695
+ fontSize: sectionproperties.floatingbtnfontsize + 'px',
23696
+ color: sectionproperties.floatingbtncolor,
23697
+ borderRadius: 10,
23698
+ ':hover': {
23699
+ color: sectionproperties.floatingbtncolorhover,
23700
+ backgroundColor: sectionproperties.floatingbtnbghover,
23701
+ transitions: '.3s',
23702
+ cursor: 'pointer'
23703
+ },
23704
+ '@media (max-width: 800px)': {
23705
+ width: '50%'
23706
+ }
23690
23707
  })
23691
23708
  };
23692
23709
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23717,7 +23734,25 @@
23717
23734
  height: '40px',
23718
23735
  cursor: 'pointer'
23719
23736
  }
23720
- })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
23737
+ })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
23738
+ style: {
23739
+ position: 'fixed',
23740
+ bottom: 15,
23741
+ right: 15,
23742
+ zIndex: 999999,
23743
+ transition: 'all 0.3s ease-out',
23744
+ width: '100%'
23745
+ },
23746
+ "class": "text-end"
23747
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23748
+ "class": header_cssstyles.floatingbtn + ' allcentered ',
23749
+ style: {},
23750
+ onClick: function onClick() {
23751
+ routingcountext(sectionproperties.floatingbtnlink, false, '');
23752
+ }
23753
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
23754
+ "class": "m-0 p-0"
23755
+ }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
23721
23756
  sectionpropertiesprops: sectionproperties,
23722
23757
  templateproperties_contextprops: templateproperties_context,
23723
23758
  actions: actions
@@ -59895,7 +59930,7 @@
59895
59930
  ':before': {
59896
59931
  width: '100%',
59897
59932
  height: '100%',
59898
- background: 'rgba(0,0,0,0.8)',
59933
+ background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
59899
59934
  zIndex: 1,
59900
59935
  position: 'absolute',
59901
59936
  content: 's',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.601",
3
+ "version": "0.0.602",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {