tabexseriescomponents 0.2.757 → 0.2.758

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 +49 -19
  2. package/dist/index.esm.js +49 -19
  3. package/dist/index.umd.js +49 -19
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -2820,7 +2820,7 @@ var Product_itemtype = function Product_itemtype(props) {
2820
2820
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2821
2821
  "class": ' col-lg-12 p-0 '
2822
2822
  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
2823
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2823
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
2824
2824
  style: {
2825
2825
  minHeight: sectionproperties.height + 'vh'
2826
2826
  }
@@ -2886,7 +2886,7 @@ var Product_itemtype = function Product_itemtype(props) {
2886
2886
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2887
2887
  className: 'row m-0 w-100'
2888
2888
  }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
2889
- className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
2889
+ className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-2 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
2890
2890
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2891
2891
  className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
2892
2892
  style: {
@@ -32045,13 +32045,17 @@ var FloatingIcons = function FloatingIcons(props) {
32045
32045
  background: sectionproperties.floatingwhatappiconbgcoloronhover
32046
32046
  }
32047
32047
  }),
32048
+ waicon: glamor.css({
32049
+ color: sectionproperties.floatingwhatsappiconcolor,
32050
+ ':hover': {
32051
+ color: sectionproperties.floatingwhatsappiconcoloronhover
32052
+ }
32053
+ }),
32048
32054
  fbfloatingicon: glamor.css({
32049
32055
  position: 'fixed',
32050
32056
  zIndex: 999999,
32051
32057
  transition: 'all 0.3s ease-out',
32052
32058
  bottom: sectionproperties.floatingfbfrombottom + 'px',
32053
- right: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
32054
- left: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
32055
32059
  width: sectionproperties.floatingfbiconwidth + 'px',
32056
32060
  height: sectionproperties.floatingfbiconheight + 'px',
32057
32061
  background: sectionproperties.floatingfbiconbgcolor,
@@ -32063,13 +32067,17 @@ var FloatingIcons = function FloatingIcons(props) {
32063
32067
  background: sectionproperties.floatingwhatappiconbgcoloronhover
32064
32068
  }
32065
32069
  }),
32070
+ fbfloatingiconen: glamor.css({
32071
+ right: sectionproperties.floatingfbfromright + 'px'
32072
+ }),
32073
+ fbfloatingiconar: glamor.css({
32074
+ left: sectionproperties.floatingfbfromright + 'px'
32075
+ }),
32066
32076
  instagramfloatingicon: glamor.css({
32067
32077
  position: 'fixed',
32068
32078
  zIndex: 999999,
32069
32079
  transition: 'all 0.3s ease-out',
32070
32080
  bottom: sectionproperties.floatinginstagramfrombottom + 'px',
32071
- right: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
32072
- left: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
32073
32081
  width: sectionproperties.floatinginstagramiconwidth + 'px',
32074
32082
  height: sectionproperties.floatinginstagramiconheight + 'px',
32075
32083
  background: sectionproperties.floatinginstagramiconbgcolor,
@@ -32080,13 +32088,17 @@ var FloatingIcons = function FloatingIcons(props) {
32080
32088
  background: sectionproperties.floatinginstagramiconbgcoloronhover
32081
32089
  }
32082
32090
  }),
32091
+ instagramfloatingiconen: glamor.css({
32092
+ right: sectionproperties.floatinginstagramfromright + 'px'
32093
+ }),
32094
+ instagramfloatingiconar: glamor.css({
32095
+ left: sectionproperties.floatinginstagramfromright + 'px'
32096
+ }),
32083
32097
  tiktokfloatingicon: glamor.css({
32084
32098
  position: 'fixed',
32085
32099
  zIndex: 999999,
32086
32100
  transition: 'all 0.3s ease-out',
32087
32101
  bottom: sectionproperties.tiktokfloatingiconfrombottom + 'px',
32088
- right: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
32089
- left: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
32090
32102
  width: sectionproperties.tiktokfloatingiconiconwidth + 'px',
32091
32103
  height: sectionproperties.tiktokfloatingiconheight + 'px',
32092
32104
  background: sectionproperties.tiktokfloatingiconbgcolor,
@@ -32097,11 +32109,15 @@ var FloatingIcons = function FloatingIcons(props) {
32097
32109
  background: sectionproperties.tiktokfloatingiconbgcoloronhover
32098
32110
  }
32099
32111
  }),
32112
+ tiktokfloatingiconen: glamor.css({
32113
+ right: sectionproperties.tiktokfloatingiconfromright + 'px'
32114
+ }),
32115
+ tiktokfloatingiconar: glamor.css({
32116
+ left: sectionproperties.tiktokfloatingiconfromright + 'px'
32117
+ }),
32100
32118
  floatingbtn: glamor.css({
32101
32119
  position: 'fixed',
32102
32120
  bottom: sectionproperties.floatingbtnfrombottom + 'px',
32103
- right: langdetect == 'en' ? sectionproperties.floatingbtnfromright + 'px' : '',
32104
- left: langdetect == 'ar' ? sectionproperties.floatingbtnfromright + 'px' : '',
32105
32121
  zIndex: 999999,
32106
32122
  transition: 'all 0.3s ease-out',
32107
32123
  width: sectionproperties.floatingbtnwidth + 'px',
@@ -32119,6 +32135,18 @@ var FloatingIcons = function FloatingIcons(props) {
32119
32135
  // '@media (max-width: 800px)': {
32120
32136
  // width: '50%',
32121
32137
  // },
32138
+ }),
32139
+ floatingbtnen: glamor.css({
32140
+ right: sectionproperties.floatingbtnfromright + 'px'
32141
+ }),
32142
+ floatingbtnar: glamor.css({
32143
+ left: sectionproperties.floatingbtnfromright + 'px'
32144
+ }),
32145
+ callbtnen: glamor.css({
32146
+ right: sectionproperties.callppositionfromright + 'px'
32147
+ }),
32148
+ callbtnar: glamor.css({
32149
+ left: sectionproperties.callppositionfromright + 'px'
32122
32150
  })
32123
32151
  };
32124
32152
  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
@@ -32128,18 +32156,20 @@ var FloatingIcons = function FloatingIcons(props) {
32128
32156
  style: {
32129
32157
  position: 'relative'
32130
32158
  }
32131
- }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
32159
+ }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32160
+ "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
32161
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
32132
32162
  href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
32133
32163
  target: "_blank",
32134
32164
  rel: "noopener noreferrer",
32135
32165
  style: {},
32136
- "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
32166
+ "class": header_cssstyles.waicon + ' allcentered px-2 py-1 cursor-pointer '
32137
32167
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
32138
32168
  size: sectionproperties.floatingwhatsappiconiconfontsize
32139
32169
  }), sectionproperties.floatingwhatsappiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
32140
32170
  "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
32141
- }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32142
- "class": "".concat(header_cssstyles.fbfloatingicon) + ' allcentered cursor-pointer ',
32171
+ }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar))), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32172
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconar) + ' allcentered cursor-pointer ',
32143
32173
  onClick: function onClick() {
32144
32174
  var _authdetailsContext$i3;
32145
32175
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
@@ -32150,7 +32180,7 @@ var FloatingIcons = function FloatingIcons(props) {
32150
32180
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
32151
32181
  size: sectionproperties.floatingfbiconiconsize
32152
32182
  })), sectionproperties.instagramfloatingbtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32153
- "class": "".concat(header_cssstyles.instagramfloatingicon) + ' allcentered cursor-pointer ',
32183
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconar) + ' allcentered cursor-pointer ',
32154
32184
  onClick: function onClick() {
32155
32185
  var _authdetailsContext$i5;
32156
32186
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
@@ -32161,7 +32191,7 @@ var FloatingIcons = function FloatingIcons(props) {
32161
32191
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
32162
32192
  size: sectionproperties.floatinginstagramiconiconsize
32163
32193
  })), sectionproperties.tiktonfloatingbtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32164
- "class": "".concat(header_cssstyles.tiktokfloatingicon) + ' allcentered cursor-pointer ',
32194
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconar) + ' allcentered cursor-pointer ',
32165
32195
  onClick: function onClick() {
32166
32196
  var _authdetailsContext$i7;
32167
32197
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
@@ -32172,7 +32202,7 @@ var FloatingIcons = function FloatingIcons(props) {
32172
32202
  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
32173
32203
  size: sectionproperties.tiktokfloatingiconiconfontsize
32174
32204
  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32175
- "class": header_cssstyles.floatingbtn + ' allcentered cursor-pointer ',
32205
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnar) + ' allcentered cursor-pointer ',
32176
32206
  style: {},
32177
32207
  onClick: function onClick() {
32178
32208
  routingcountext(sectionproperties.floatingbtnlink, false, '');
@@ -32210,10 +32240,10 @@ var FloatingIcons = function FloatingIcons(props) {
32210
32240
  style: {
32211
32241
  position: 'fixed',
32212
32242
  bottom: sectionproperties.callppositionfrombottom + 'px',
32213
- right: sectionproperties.callppositionfromright + 'px',
32214
32243
  zIndex: 999999,
32215
32244
  transition: 'all 0.3s ease-out'
32216
- }
32245
+ },
32246
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnen) : "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnar)
32217
32247
  }, /*#__PURE__*/React__default["default"].createElement("i", {
32218
32248
  "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
32219
32249
  }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
package/dist/index.esm.js CHANGED
@@ -2771,7 +2771,7 @@ var Product_itemtype = function Product_itemtype(props) {
2771
2771
  }, /*#__PURE__*/React.createElement("div", {
2772
2772
  "class": ' col-lg-12 p-0 '
2773
2773
  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
2774
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2774
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
2775
2775
  style: {
2776
2776
  minHeight: sectionproperties.height + 'vh'
2777
2777
  }
@@ -2837,7 +2837,7 @@ var Product_itemtype = function Product_itemtype(props) {
2837
2837
  }, /*#__PURE__*/React.createElement("div", {
2838
2838
  className: 'row m-0 w-100'
2839
2839
  }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
2840
- className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
2840
+ className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-2 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
2841
2841
  }, /*#__PURE__*/React.createElement("div", {
2842
2842
  className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
2843
2843
  style: {
@@ -31996,13 +31996,17 @@ var FloatingIcons = function FloatingIcons(props) {
31996
31996
  background: sectionproperties.floatingwhatappiconbgcoloronhover
31997
31997
  }
31998
31998
  }),
31999
+ waicon: css({
32000
+ color: sectionproperties.floatingwhatsappiconcolor,
32001
+ ':hover': {
32002
+ color: sectionproperties.floatingwhatsappiconcoloronhover
32003
+ }
32004
+ }),
31999
32005
  fbfloatingicon: css({
32000
32006
  position: 'fixed',
32001
32007
  zIndex: 999999,
32002
32008
  transition: 'all 0.3s ease-out',
32003
32009
  bottom: sectionproperties.floatingfbfrombottom + 'px',
32004
- right: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
32005
- left: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
32006
32010
  width: sectionproperties.floatingfbiconwidth + 'px',
32007
32011
  height: sectionproperties.floatingfbiconheight + 'px',
32008
32012
  background: sectionproperties.floatingfbiconbgcolor,
@@ -32014,13 +32018,17 @@ var FloatingIcons = function FloatingIcons(props) {
32014
32018
  background: sectionproperties.floatingwhatappiconbgcoloronhover
32015
32019
  }
32016
32020
  }),
32021
+ fbfloatingiconen: css({
32022
+ right: sectionproperties.floatingfbfromright + 'px'
32023
+ }),
32024
+ fbfloatingiconar: css({
32025
+ left: sectionproperties.floatingfbfromright + 'px'
32026
+ }),
32017
32027
  instagramfloatingicon: css({
32018
32028
  position: 'fixed',
32019
32029
  zIndex: 999999,
32020
32030
  transition: 'all 0.3s ease-out',
32021
32031
  bottom: sectionproperties.floatinginstagramfrombottom + 'px',
32022
- right: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
32023
- left: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
32024
32032
  width: sectionproperties.floatinginstagramiconwidth + 'px',
32025
32033
  height: sectionproperties.floatinginstagramiconheight + 'px',
32026
32034
  background: sectionproperties.floatinginstagramiconbgcolor,
@@ -32031,13 +32039,17 @@ var FloatingIcons = function FloatingIcons(props) {
32031
32039
  background: sectionproperties.floatinginstagramiconbgcoloronhover
32032
32040
  }
32033
32041
  }),
32042
+ instagramfloatingiconen: css({
32043
+ right: sectionproperties.floatinginstagramfromright + 'px'
32044
+ }),
32045
+ instagramfloatingiconar: css({
32046
+ left: sectionproperties.floatinginstagramfromright + 'px'
32047
+ }),
32034
32048
  tiktokfloatingicon: css({
32035
32049
  position: 'fixed',
32036
32050
  zIndex: 999999,
32037
32051
  transition: 'all 0.3s ease-out',
32038
32052
  bottom: sectionproperties.tiktokfloatingiconfrombottom + 'px',
32039
- right: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
32040
- left: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
32041
32053
  width: sectionproperties.tiktokfloatingiconiconwidth + 'px',
32042
32054
  height: sectionproperties.tiktokfloatingiconheight + 'px',
32043
32055
  background: sectionproperties.tiktokfloatingiconbgcolor,
@@ -32048,11 +32060,15 @@ var FloatingIcons = function FloatingIcons(props) {
32048
32060
  background: sectionproperties.tiktokfloatingiconbgcoloronhover
32049
32061
  }
32050
32062
  }),
32063
+ tiktokfloatingiconen: css({
32064
+ right: sectionproperties.tiktokfloatingiconfromright + 'px'
32065
+ }),
32066
+ tiktokfloatingiconar: css({
32067
+ left: sectionproperties.tiktokfloatingiconfromright + 'px'
32068
+ }),
32051
32069
  floatingbtn: css({
32052
32070
  position: 'fixed',
32053
32071
  bottom: sectionproperties.floatingbtnfrombottom + 'px',
32054
- right: langdetect == 'en' ? sectionproperties.floatingbtnfromright + 'px' : '',
32055
- left: langdetect == 'ar' ? sectionproperties.floatingbtnfromright + 'px' : '',
32056
32072
  zIndex: 999999,
32057
32073
  transition: 'all 0.3s ease-out',
32058
32074
  width: sectionproperties.floatingbtnwidth + 'px',
@@ -32070,6 +32086,18 @@ var FloatingIcons = function FloatingIcons(props) {
32070
32086
  // '@media (max-width: 800px)': {
32071
32087
  // width: '50%',
32072
32088
  // },
32089
+ }),
32090
+ floatingbtnen: css({
32091
+ right: sectionproperties.floatingbtnfromright + 'px'
32092
+ }),
32093
+ floatingbtnar: css({
32094
+ left: sectionproperties.floatingbtnfromright + 'px'
32095
+ }),
32096
+ callbtnen: css({
32097
+ right: sectionproperties.callppositionfromright + 'px'
32098
+ }),
32099
+ callbtnar: css({
32100
+ left: sectionproperties.callppositionfromright + 'px'
32073
32101
  })
32074
32102
  };
32075
32103
  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
@@ -32079,18 +32107,20 @@ var FloatingIcons = function FloatingIcons(props) {
32079
32107
  style: {
32080
32108
  position: 'relative'
32081
32109
  }
32082
- }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React.createElement("a", {
32110
+ }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React.createElement("div", {
32111
+ "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
32112
+ }, /*#__PURE__*/React.createElement("a", {
32083
32113
  href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
32084
32114
  target: "_blank",
32085
32115
  rel: "noopener noreferrer",
32086
32116
  style: {},
32087
- "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
32117
+ "class": header_cssstyles.waicon + ' allcentered px-2 py-1 cursor-pointer '
32088
32118
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
32089
32119
  size: sectionproperties.floatingwhatsappiconiconfontsize
32090
32120
  }), sectionproperties.floatingwhatsappiconfontsize != 0 && /*#__PURE__*/React.createElement("span", {
32091
32121
  "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
32092
- }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
32093
- "class": "".concat(header_cssstyles.fbfloatingicon) + ' allcentered cursor-pointer ',
32122
+ }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar))), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
32123
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconar) + ' allcentered cursor-pointer ',
32094
32124
  onClick: function onClick() {
32095
32125
  var _authdetailsContext$i3;
32096
32126
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
@@ -32101,7 +32131,7 @@ var FloatingIcons = function FloatingIcons(props) {
32101
32131
  }, /*#__PURE__*/React.createElement(FaFacebook, {
32102
32132
  size: sectionproperties.floatingfbiconiconsize
32103
32133
  })), sectionproperties.instagramfloatingbtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
32104
- "class": "".concat(header_cssstyles.instagramfloatingicon) + ' allcentered cursor-pointer ',
32134
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconar) + ' allcentered cursor-pointer ',
32105
32135
  onClick: function onClick() {
32106
32136
  var _authdetailsContext$i5;
32107
32137
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
@@ -32112,7 +32142,7 @@ var FloatingIcons = function FloatingIcons(props) {
32112
32142
  }, /*#__PURE__*/React.createElement(AiFillInstagram, {
32113
32143
  size: sectionproperties.floatinginstagramiconiconsize
32114
32144
  })), sectionproperties.tiktonfloatingbtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
32115
- "class": "".concat(header_cssstyles.tiktokfloatingicon) + ' allcentered cursor-pointer ',
32145
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconar) + ' allcentered cursor-pointer ',
32116
32146
  onClick: function onClick() {
32117
32147
  var _authdetailsContext$i7;
32118
32148
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
@@ -32123,7 +32153,7 @@ var FloatingIcons = function FloatingIcons(props) {
32123
32153
  }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
32124
32154
  size: sectionproperties.tiktokfloatingiconiconfontsize
32125
32155
  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
32126
- "class": header_cssstyles.floatingbtn + ' allcentered cursor-pointer ',
32156
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnar) + ' allcentered cursor-pointer ',
32127
32157
  style: {},
32128
32158
  onClick: function onClick() {
32129
32159
  routingcountext(sectionproperties.floatingbtnlink, false, '');
@@ -32161,10 +32191,10 @@ var FloatingIcons = function FloatingIcons(props) {
32161
32191
  style: {
32162
32192
  position: 'fixed',
32163
32193
  bottom: sectionproperties.callppositionfrombottom + 'px',
32164
- right: sectionproperties.callppositionfromright + 'px',
32165
32194
  zIndex: 999999,
32166
32195
  transition: 'all 0.3s ease-out'
32167
- }
32196
+ },
32197
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnen) : "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnar)
32168
32198
  }, /*#__PURE__*/React.createElement("i", {
32169
32199
  "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
32170
32200
  }, /*#__PURE__*/React.createElement(FiPhone, {
package/dist/index.umd.js CHANGED
@@ -2635,7 +2635,7 @@
2635
2635
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2636
2636
  "class": ' col-lg-12 p-0 '
2637
2637
  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
2638
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2638
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
2639
2639
  style: {
2640
2640
  minHeight: sectionproperties.height + 'vh'
2641
2641
  }
@@ -2701,7 +2701,7 @@
2701
2701
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2702
2702
  className: 'row m-0 w-100'
2703
2703
  }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
2704
- className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
2704
+ className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-2 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
2705
2705
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2706
2706
  className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
2707
2707
  style: {
@@ -31860,13 +31860,17 @@
31860
31860
  background: sectionproperties.floatingwhatappiconbgcoloronhover
31861
31861
  }
31862
31862
  }),
31863
+ waicon: glamor.css({
31864
+ color: sectionproperties.floatingwhatsappiconcolor,
31865
+ ':hover': {
31866
+ color: sectionproperties.floatingwhatsappiconcoloronhover
31867
+ }
31868
+ }),
31863
31869
  fbfloatingicon: glamor.css({
31864
31870
  position: 'fixed',
31865
31871
  zIndex: 999999,
31866
31872
  transition: 'all 0.3s ease-out',
31867
31873
  bottom: sectionproperties.floatingfbfrombottom + 'px',
31868
- right: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
31869
- left: langdetect == 'en' ? sectionproperties.floatingfbfromright + 'px' : '',
31870
31874
  width: sectionproperties.floatingfbiconwidth + 'px',
31871
31875
  height: sectionproperties.floatingfbiconheight + 'px',
31872
31876
  background: sectionproperties.floatingfbiconbgcolor,
@@ -31878,13 +31882,17 @@
31878
31882
  background: sectionproperties.floatingwhatappiconbgcoloronhover
31879
31883
  }
31880
31884
  }),
31885
+ fbfloatingiconen: glamor.css({
31886
+ right: sectionproperties.floatingfbfromright + 'px'
31887
+ }),
31888
+ fbfloatingiconar: glamor.css({
31889
+ left: sectionproperties.floatingfbfromright + 'px'
31890
+ }),
31881
31891
  instagramfloatingicon: glamor.css({
31882
31892
  position: 'fixed',
31883
31893
  zIndex: 999999,
31884
31894
  transition: 'all 0.3s ease-out',
31885
31895
  bottom: sectionproperties.floatinginstagramfrombottom + 'px',
31886
- right: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
31887
- left: langdetect == 'en' ? sectionproperties.floatinginstagramfromright + 'px' : '',
31888
31896
  width: sectionproperties.floatinginstagramiconwidth + 'px',
31889
31897
  height: sectionproperties.floatinginstagramiconheight + 'px',
31890
31898
  background: sectionproperties.floatinginstagramiconbgcolor,
@@ -31895,13 +31903,17 @@
31895
31903
  background: sectionproperties.floatinginstagramiconbgcoloronhover
31896
31904
  }
31897
31905
  }),
31906
+ instagramfloatingiconen: glamor.css({
31907
+ right: sectionproperties.floatinginstagramfromright + 'px'
31908
+ }),
31909
+ instagramfloatingiconar: glamor.css({
31910
+ left: sectionproperties.floatinginstagramfromright + 'px'
31911
+ }),
31898
31912
  tiktokfloatingicon: glamor.css({
31899
31913
  position: 'fixed',
31900
31914
  zIndex: 999999,
31901
31915
  transition: 'all 0.3s ease-out',
31902
31916
  bottom: sectionproperties.tiktokfloatingiconfrombottom + 'px',
31903
- right: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
31904
- left: langdetect == 'en' ? sectionproperties.tiktokfloatingiconfromright + 'px' : '',
31905
31917
  width: sectionproperties.tiktokfloatingiconiconwidth + 'px',
31906
31918
  height: sectionproperties.tiktokfloatingiconheight + 'px',
31907
31919
  background: sectionproperties.tiktokfloatingiconbgcolor,
@@ -31912,11 +31924,15 @@
31912
31924
  background: sectionproperties.tiktokfloatingiconbgcoloronhover
31913
31925
  }
31914
31926
  }),
31927
+ tiktokfloatingiconen: glamor.css({
31928
+ right: sectionproperties.tiktokfloatingiconfromright + 'px'
31929
+ }),
31930
+ tiktokfloatingiconar: glamor.css({
31931
+ left: sectionproperties.tiktokfloatingiconfromright + 'px'
31932
+ }),
31915
31933
  floatingbtn: glamor.css({
31916
31934
  position: 'fixed',
31917
31935
  bottom: sectionproperties.floatingbtnfrombottom + 'px',
31918
- right: langdetect == 'en' ? sectionproperties.floatingbtnfromright + 'px' : '',
31919
- left: langdetect == 'ar' ? sectionproperties.floatingbtnfromright + 'px' : '',
31920
31936
  zIndex: 999999,
31921
31937
  transition: 'all 0.3s ease-out',
31922
31938
  width: sectionproperties.floatingbtnwidth + 'px',
@@ -31934,6 +31950,18 @@
31934
31950
  // '@media (max-width: 800px)': {
31935
31951
  // width: '50%',
31936
31952
  // },
31953
+ }),
31954
+ floatingbtnen: glamor.css({
31955
+ right: sectionproperties.floatingbtnfromright + 'px'
31956
+ }),
31957
+ floatingbtnar: glamor.css({
31958
+ left: sectionproperties.floatingbtnfromright + 'px'
31959
+ }),
31960
+ callbtnen: glamor.css({
31961
+ right: sectionproperties.callppositionfromright + 'px'
31962
+ }),
31963
+ callbtnar: glamor.css({
31964
+ left: sectionproperties.callppositionfromright + 'px'
31937
31965
  })
31938
31966
  };
31939
31967
  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
@@ -31943,18 +31971,20 @@
31943
31971
  style: {
31944
31972
  position: 'relative'
31945
31973
  }
31946
- }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
31974
+ }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31975
+ "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
31976
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
31947
31977
  href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
31948
31978
  target: "_blank",
31949
31979
  rel: "noopener noreferrer",
31950
31980
  style: {},
31951
- "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 cursor-pointer '
31981
+ "class": header_cssstyles.waicon + ' allcentered px-2 py-1 cursor-pointer '
31952
31982
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
31953
31983
  size: sectionproperties.floatingwhatsappiconiconfontsize
31954
31984
  }), sectionproperties.floatingwhatsappiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
31955
31985
  "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
31956
- }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31957
- "class": "".concat(header_cssstyles.fbfloatingicon) + ' allcentered cursor-pointer ',
31986
+ }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar))), sectionproperties.showfloatingfbbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31987
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.fbfloatingicon, " ").concat(header_cssstyles.fbfloatingiconar) + ' allcentered cursor-pointer ',
31958
31988
  onClick: function onClick() {
31959
31989
  var _authdetailsContext$i3;
31960
31990
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
@@ -31965,7 +31995,7 @@
31965
31995
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
31966
31996
  size: sectionproperties.floatingfbiconiconsize
31967
31997
  })), sectionproperties.instagramfloatingbtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31968
- "class": "".concat(header_cssstyles.instagramfloatingicon) + ' allcentered cursor-pointer ',
31998
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.instagramfloatingicon, " ").concat(header_cssstyles.instagramfloatingiconar) + ' allcentered cursor-pointer ',
31969
31999
  onClick: function onClick() {
31970
32000
  var _authdetailsContext$i5;
31971
32001
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
@@ -31976,7 +32006,7 @@
31976
32006
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
31977
32007
  size: sectionproperties.floatinginstagramiconiconsize
31978
32008
  })), sectionproperties.tiktonfloatingbtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31979
- "class": "".concat(header_cssstyles.tiktokfloatingicon) + ' allcentered cursor-pointer ',
32009
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.tiktokfloatingicon, " ").concat(header_cssstyles.tiktokfloatingiconar) + ' allcentered cursor-pointer ',
31980
32010
  onClick: function onClick() {
31981
32011
  var _authdetailsContext$i7;
31982
32012
  if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
@@ -31987,7 +32017,7 @@
31987
32017
  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
31988
32018
  size: sectionproperties.tiktokfloatingiconiconfontsize
31989
32019
  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31990
- "class": header_cssstyles.floatingbtn + ' allcentered cursor-pointer ',
32020
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnen) + ' allcentered cursor-pointer ' : "".concat(header_cssstyles.floatingbtn, " ").concat(header_cssstyles.floatingbtnar) + ' allcentered cursor-pointer ',
31991
32021
  style: {},
31992
32022
  onClick: function onClick() {
31993
32023
  routingcountext(sectionproperties.floatingbtnlink, false, '');
@@ -32025,10 +32055,10 @@
32025
32055
  style: {
32026
32056
  position: 'fixed',
32027
32057
  bottom: sectionproperties.callppositionfrombottom + 'px',
32028
- right: sectionproperties.callppositionfromright + 'px',
32029
32058
  zIndex: 999999,
32030
32059
  transition: 'all 0.3s ease-out'
32031
- }
32060
+ },
32061
+ "class": langdetect == 'en' ? "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnen) : "".concat(header_cssstyles.callbtn, " ").concat(header_cssstyles.callbtnar)
32032
32062
  }, /*#__PURE__*/React__default["default"].createElement("i", {
32033
32063
  "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
32034
32064
  }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.757",
3
+ "version": "0.2.758",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",