tabexseriescomponents 0.50.226 → 0.50.227
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 +15 -13
- package/dist/index.esm.js +15 -13
- package/dist/index.umd.js +15 -13
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -26239,6 +26239,7 @@ var Searchlist$1 = function Searchlist(props) {
|
|
|
26239
26239
|
function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
26240
26240
|
function _objectSpread$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
26241
26241
|
var MarqueeHeader = function MarqueeHeader(props) {
|
|
26242
|
+
var _textarray$, _textarray$2;
|
|
26242
26243
|
props.actions;
|
|
26243
26244
|
props.actions.lang;
|
|
26244
26245
|
var langdetect = props.actions.langdetect;
|
|
@@ -26314,31 +26315,32 @@ var MarqueeHeader = function MarqueeHeader(props) {
|
|
|
26314
26315
|
paddingBottom: templateproperties_context.sliderpaddingvertical + 'px',
|
|
26315
26316
|
paddingLeft: templateproperties_context.sliderpaddinghorizontal + 'px',
|
|
26316
26317
|
paddingRight: templateproperties_context.sliderpaddinghorizontal + 'px'
|
|
26318
|
+
// paddingLeft: '200px',
|
|
26319
|
+
// paddingRight: '200px',
|
|
26317
26320
|
}
|
|
26318
26321
|
}, templateproperties_context.textslidertype == 'Fading Text Carousel' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26319
|
-
className: "text-slider"
|
|
26322
|
+
className: "text-slider-marquee "
|
|
26320
26323
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
26321
26324
|
onClick: prev,
|
|
26322
26325
|
className: "arrow left allcentered"
|
|
26323
26326
|
}, /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
|
|
26324
|
-
size: 19
|
|
26327
|
+
size: 19,
|
|
26328
|
+
color: templateproperties_context.textsliderfontcolor
|
|
26325
26329
|
})), textarray.map(function (item, index) {
|
|
26326
26330
|
return /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26327
26331
|
key: index,
|
|
26328
|
-
className: "
|
|
26329
|
-
}, langdetect == 'en' ? item.textEnglish :
|
|
26332
|
+
className: "marqueeslide ".concat(index === currentIndex ? 'active' : '') + ' m-0 ' + header_cssstyles.textSlider
|
|
26333
|
+
}, langdetect == 'en' ? item.textEnglish : item.textArabic);
|
|
26330
26334
|
}), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
26331
26335
|
onClick: next,
|
|
26332
26336
|
className: "arrow right allcentered"
|
|
26333
26337
|
}, /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
|
|
26334
|
-
size: 19
|
|
26335
|
-
|
|
26336
|
-
/*#__PURE__*/
|
|
26337
|
-
|
|
26338
|
-
React__default["default"].createElement("div", {
|
|
26339
|
-
"class": "rotating-text-container rotating-text-containermarqueesection"
|
|
26338
|
+
size: 19,
|
|
26339
|
+
color: templateproperties_context.textsliderfontcolor
|
|
26340
|
+
}))), templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26341
|
+
"class": "rotating-text-container"
|
|
26340
26342
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
26341
|
-
"class": "d-flex flex-row align-items-center rotating-
|
|
26343
|
+
"class": "d-flex flex-row align-items-center rotating-text"
|
|
26342
26344
|
}, textarray.map(function (item, index) {
|
|
26343
26345
|
return /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26344
26346
|
"class": header_cssstyles.textSlider + ' mb-0 p-0 ',
|
|
@@ -26346,12 +26348,12 @@ var MarqueeHeader = function MarqueeHeader(props) {
|
|
|
26346
26348
|
marginLeft: 200,
|
|
26347
26349
|
marginRight: 200
|
|
26348
26350
|
}
|
|
26349
|
-
}, langdetect == 'en' ? item.textEnglish :
|
|
26351
|
+
}, langdetect == 'en' ? item.textEnglish : item.textArabic);
|
|
26350
26352
|
}))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26351
26353
|
"class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
|
|
26352
26354
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26353
26355
|
"class": header_cssstyles.textSlider + ' mb-0 p-0 '
|
|
26354
|
-
}, langdetect == 'en' ?
|
|
26356
|
+
}, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
|
|
26355
26357
|
};
|
|
26356
26358
|
|
|
26357
26359
|
var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\r\n position: relative;\r\n}\r\n@media screen and (max-width: 800px) {\r\n .subheader-module_sub_outercontainer__-z5ZD {\r\n position: relative !important;\r\n top: 0 !important;\r\n }\r\n}\r\n.subheader-module_nav__item__8oLkw {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n.subheader-module_nav__item__8oLkw::before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\r\n cursor: pointer;\r\n position: relative;\r\n white-space: nowrap;\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n background: currentColor;\r\n top: 100%;\r\n left: 0;\r\n pointer-events: none;\r\n transform-origin: 100% 50%;\r\n transform: scale3d(0, 1, 1);\r\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n background: currentColor;\r\n top: 100%;\r\n left: 0;\r\n pointer-events: none;\r\n content: '';\r\n top: calc(100% + 4px);\r\n transform-origin: 0% 50%;\r\n transform: scale3d(0, 1, 1);\r\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\r\n content: '';\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\r\n transform-origin: 0% 50%;\r\n transform: scale3d(1, 1, 1);\r\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\r\n transform-origin: 100% 50%;\r\n transform: scale3d(1, 1, 1);\r\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\r\n}\r\n.subheader-module_dropmenu__lL4Sc {\r\n display: none;\r\n margin-top: 20px !important;\r\n}\r\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\r\n display: inline-block;\r\n width: 100%;\r\n height: 300px;\r\n top: 55px;\r\n bottom: 0px;\r\n position: absolute;\r\n transition: 0.3s;\r\n}\r\n.subheader-module_active__MjZNG {\r\n display: inline-block !important ;\r\n height: 300px;\r\n top: 45px;\r\n bottom: 0px;\r\n position: absolute;\r\n transition: 0.3s;\r\n}\r\n\r\n@media screen and (max-width: 800px) {\r\n .subheader-module_subheader__aW8fS {\r\n width: 100%;\r\n display: block;\r\n white-space: nowrap;\r\n position: relative;\r\n overflow-x: scroll;\r\n overflow-y: hidden;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n .subheader-module_nav__item__8oLkw {\r\n /* width: 50% !important; */\r\n float: none;\r\n display: inline-block;\r\n zoom: 1;\r\n border-right: 0 !important;\r\n }\r\n}\r\n";
|
package/dist/index.esm.js
CHANGED
|
@@ -26187,6 +26187,7 @@ var Searchlist$1 = function Searchlist(props) {
|
|
|
26187
26187
|
function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
26188
26188
|
function _objectSpread$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
26189
26189
|
var MarqueeHeader = function MarqueeHeader(props) {
|
|
26190
|
+
var _textarray$, _textarray$2;
|
|
26190
26191
|
props.actions;
|
|
26191
26192
|
props.actions.lang;
|
|
26192
26193
|
var langdetect = props.actions.langdetect;
|
|
@@ -26262,31 +26263,32 @@ var MarqueeHeader = function MarqueeHeader(props) {
|
|
|
26262
26263
|
paddingBottom: templateproperties_context.sliderpaddingvertical + 'px',
|
|
26263
26264
|
paddingLeft: templateproperties_context.sliderpaddinghorizontal + 'px',
|
|
26264
26265
|
paddingRight: templateproperties_context.sliderpaddinghorizontal + 'px'
|
|
26266
|
+
// paddingLeft: '200px',
|
|
26267
|
+
// paddingRight: '200px',
|
|
26265
26268
|
}
|
|
26266
26269
|
}, templateproperties_context.textslidertype == 'Fading Text Carousel' && /*#__PURE__*/React.createElement("div", {
|
|
26267
|
-
className: "text-slider"
|
|
26270
|
+
className: "text-slider-marquee "
|
|
26268
26271
|
}, /*#__PURE__*/React.createElement("button", {
|
|
26269
26272
|
onClick: prev,
|
|
26270
26273
|
className: "arrow left allcentered"
|
|
26271
26274
|
}, /*#__PURE__*/React.createElement(BsChevronLeft, {
|
|
26272
|
-
size: 19
|
|
26275
|
+
size: 19,
|
|
26276
|
+
color: templateproperties_context.textsliderfontcolor
|
|
26273
26277
|
})), textarray.map(function (item, index) {
|
|
26274
26278
|
return /*#__PURE__*/React.createElement("p", {
|
|
26275
26279
|
key: index,
|
|
26276
|
-
className: "
|
|
26277
|
-
}, langdetect == 'en' ? item.textEnglish :
|
|
26280
|
+
className: "marqueeslide ".concat(index === currentIndex ? 'active' : '') + ' m-0 ' + header_cssstyles.textSlider
|
|
26281
|
+
}, langdetect == 'en' ? item.textEnglish : item.textArabic);
|
|
26278
26282
|
}), /*#__PURE__*/React.createElement("button", {
|
|
26279
26283
|
onClick: next,
|
|
26280
26284
|
className: "arrow right allcentered"
|
|
26281
26285
|
}, /*#__PURE__*/React.createElement(BsChevronRight, {
|
|
26282
|
-
size: 19
|
|
26283
|
-
|
|
26284
|
-
/*#__PURE__*/
|
|
26285
|
-
|
|
26286
|
-
React.createElement("div", {
|
|
26287
|
-
"class": "rotating-text-container rotating-text-containermarqueesection"
|
|
26286
|
+
size: 19,
|
|
26287
|
+
color: templateproperties_context.textsliderfontcolor
|
|
26288
|
+
}))), templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React.createElement("div", {
|
|
26289
|
+
"class": "rotating-text-container"
|
|
26288
26290
|
}, /*#__PURE__*/React.createElement("span", {
|
|
26289
|
-
"class": "d-flex flex-row align-items-center rotating-
|
|
26291
|
+
"class": "d-flex flex-row align-items-center rotating-text"
|
|
26290
26292
|
}, textarray.map(function (item, index) {
|
|
26291
26293
|
return /*#__PURE__*/React.createElement("p", {
|
|
26292
26294
|
"class": header_cssstyles.textSlider + ' mb-0 p-0 ',
|
|
@@ -26294,12 +26296,12 @@ var MarqueeHeader = function MarqueeHeader(props) {
|
|
|
26294
26296
|
marginLeft: 200,
|
|
26295
26297
|
marginRight: 200
|
|
26296
26298
|
}
|
|
26297
|
-
}, langdetect == 'en' ? item.textEnglish :
|
|
26299
|
+
}, langdetect == 'en' ? item.textEnglish : item.textArabic);
|
|
26298
26300
|
}))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React.createElement("div", {
|
|
26299
26301
|
"class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
|
|
26300
26302
|
}, /*#__PURE__*/React.createElement("p", {
|
|
26301
26303
|
"class": header_cssstyles.textSlider + ' mb-0 p-0 '
|
|
26302
|
-
}, langdetect == 'en' ?
|
|
26304
|
+
}, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
|
|
26303
26305
|
};
|
|
26304
26306
|
|
|
26305
26307
|
var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\r\n position: relative;\r\n}\r\n@media screen and (max-width: 800px) {\r\n .subheader-module_sub_outercontainer__-z5ZD {\r\n position: relative !important;\r\n top: 0 !important;\r\n }\r\n}\r\n.subheader-module_nav__item__8oLkw {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n.subheader-module_nav__item__8oLkw::before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\r\n cursor: pointer;\r\n position: relative;\r\n white-space: nowrap;\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n background: currentColor;\r\n top: 100%;\r\n left: 0;\r\n pointer-events: none;\r\n transform-origin: 100% 50%;\r\n transform: scale3d(0, 1, 1);\r\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n background: currentColor;\r\n top: 100%;\r\n left: 0;\r\n pointer-events: none;\r\n content: '';\r\n top: calc(100% + 4px);\r\n transform-origin: 0% 50%;\r\n transform: scale3d(0, 1, 1);\r\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\r\n content: '';\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\r\n transform-origin: 0% 50%;\r\n transform: scale3d(1, 1, 1);\r\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\r\n transform-origin: 100% 50%;\r\n transform: scale3d(1, 1, 1);\r\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\r\n}\r\n.subheader-module_dropmenu__lL4Sc {\r\n display: none;\r\n margin-top: 20px !important;\r\n}\r\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\r\n display: inline-block;\r\n width: 100%;\r\n height: 300px;\r\n top: 55px;\r\n bottom: 0px;\r\n position: absolute;\r\n transition: 0.3s;\r\n}\r\n.subheader-module_active__MjZNG {\r\n display: inline-block !important ;\r\n height: 300px;\r\n top: 45px;\r\n bottom: 0px;\r\n position: absolute;\r\n transition: 0.3s;\r\n}\r\n\r\n@media screen and (max-width: 800px) {\r\n .subheader-module_subheader__aW8fS {\r\n width: 100%;\r\n display: block;\r\n white-space: nowrap;\r\n position: relative;\r\n overflow-x: scroll;\r\n overflow-y: hidden;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n .subheader-module_nav__item__8oLkw {\r\n /* width: 50% !important; */\r\n float: none;\r\n display: inline-block;\r\n zoom: 1;\r\n border-right: 0 !important;\r\n }\r\n}\r\n";
|
package/dist/index.umd.js
CHANGED
|
@@ -26045,6 +26045,7 @@
|
|
|
26045
26045
|
function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
26046
26046
|
function _objectSpread$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
26047
26047
|
var MarqueeHeader = function MarqueeHeader(props) {
|
|
26048
|
+
var _textarray$, _textarray$2;
|
|
26048
26049
|
props.actions;
|
|
26049
26050
|
props.actions.lang;
|
|
26050
26051
|
var langdetect = props.actions.langdetect;
|
|
@@ -26120,31 +26121,32 @@
|
|
|
26120
26121
|
paddingBottom: templateproperties_context.sliderpaddingvertical + 'px',
|
|
26121
26122
|
paddingLeft: templateproperties_context.sliderpaddinghorizontal + 'px',
|
|
26122
26123
|
paddingRight: templateproperties_context.sliderpaddinghorizontal + 'px'
|
|
26124
|
+
// paddingLeft: '200px',
|
|
26125
|
+
// paddingRight: '200px',
|
|
26123
26126
|
}
|
|
26124
26127
|
}, templateproperties_context.textslidertype == 'Fading Text Carousel' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26125
|
-
className: "text-slider"
|
|
26128
|
+
className: "text-slider-marquee "
|
|
26126
26129
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
26127
26130
|
onClick: prev,
|
|
26128
26131
|
className: "arrow left allcentered"
|
|
26129
26132
|
}, /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
|
|
26130
|
-
size: 19
|
|
26133
|
+
size: 19,
|
|
26134
|
+
color: templateproperties_context.textsliderfontcolor
|
|
26131
26135
|
})), textarray.map(function (item, index) {
|
|
26132
26136
|
return /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26133
26137
|
key: index,
|
|
26134
|
-
className: "
|
|
26135
|
-
}, langdetect == 'en' ? item.textEnglish :
|
|
26138
|
+
className: "marqueeslide ".concat(index === currentIndex ? 'active' : '') + ' m-0 ' + header_cssstyles.textSlider
|
|
26139
|
+
}, langdetect == 'en' ? item.textEnglish : item.textArabic);
|
|
26136
26140
|
}), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
26137
26141
|
onClick: next,
|
|
26138
26142
|
className: "arrow right allcentered"
|
|
26139
26143
|
}, /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
|
|
26140
|
-
size: 19
|
|
26141
|
-
|
|
26142
|
-
/*#__PURE__*/
|
|
26143
|
-
|
|
26144
|
-
React__default["default"].createElement("div", {
|
|
26145
|
-
"class": "rotating-text-container rotating-text-containermarqueesection"
|
|
26144
|
+
size: 19,
|
|
26145
|
+
color: templateproperties_context.textsliderfontcolor
|
|
26146
|
+
}))), templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26147
|
+
"class": "rotating-text-container"
|
|
26146
26148
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
26147
|
-
"class": "d-flex flex-row align-items-center rotating-
|
|
26149
|
+
"class": "d-flex flex-row align-items-center rotating-text"
|
|
26148
26150
|
}, textarray.map(function (item, index) {
|
|
26149
26151
|
return /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26150
26152
|
"class": header_cssstyles.textSlider + ' mb-0 p-0 ',
|
|
@@ -26152,12 +26154,12 @@
|
|
|
26152
26154
|
marginLeft: 200,
|
|
26153
26155
|
marginRight: 200
|
|
26154
26156
|
}
|
|
26155
|
-
}, langdetect == 'en' ? item.textEnglish :
|
|
26157
|
+
}, langdetect == 'en' ? item.textEnglish : item.textArabic);
|
|
26156
26158
|
}))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26157
26159
|
"class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
|
|
26158
26160
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
26159
26161
|
"class": header_cssstyles.textSlider + ' mb-0 p-0 '
|
|
26160
|
-
}, langdetect == 'en' ?
|
|
26162
|
+
}, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
|
|
26161
26163
|
};
|
|
26162
26164
|
|
|
26163
26165
|
var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\r\n position: relative;\r\n}\r\n@media screen and (max-width: 800px) {\r\n .subheader-module_sub_outercontainer__-z5ZD {\r\n position: relative !important;\r\n top: 0 !important;\r\n }\r\n}\r\n.subheader-module_nav__item__8oLkw {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n.subheader-module_nav__item__8oLkw::before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\r\n cursor: pointer;\r\n position: relative;\r\n white-space: nowrap;\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n background: currentColor;\r\n top: 100%;\r\n left: 0;\r\n pointer-events: none;\r\n transform-origin: 100% 50%;\r\n transform: scale3d(0, 1, 1);\r\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n background: currentColor;\r\n top: 100%;\r\n left: 0;\r\n pointer-events: none;\r\n content: '';\r\n top: calc(100% + 4px);\r\n transform-origin: 0% 50%;\r\n transform: scale3d(0, 1, 1);\r\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\r\n content: '';\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\r\n transform-origin: 0% 50%;\r\n transform: scale3d(1, 1, 1);\r\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\r\n}\r\n\r\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\r\n transform-origin: 100% 50%;\r\n transform: scale3d(1, 1, 1);\r\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\r\n}\r\n.subheader-module_dropmenu__lL4Sc {\r\n display: none;\r\n margin-top: 20px !important;\r\n}\r\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\r\n display: inline-block;\r\n width: 100%;\r\n height: 300px;\r\n top: 55px;\r\n bottom: 0px;\r\n position: absolute;\r\n transition: 0.3s;\r\n}\r\n.subheader-module_active__MjZNG {\r\n display: inline-block !important ;\r\n height: 300px;\r\n top: 45px;\r\n bottom: 0px;\r\n position: absolute;\r\n transition: 0.3s;\r\n}\r\n\r\n@media screen and (max-width: 800px) {\r\n .subheader-module_subheader__aW8fS {\r\n width: 100%;\r\n display: block;\r\n white-space: nowrap;\r\n position: relative;\r\n overflow-x: scroll;\r\n overflow-y: hidden;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n .subheader-module_nav__item__8oLkw {\r\n /* width: 50% !important; */\r\n float: none;\r\n display: inline-block;\r\n zoom: 1;\r\n border-right: 0 !important;\r\n }\r\n}\r\n";
|