indicator-ui 0.0.170 → 0.0.172
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.css +590 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +1496 -182
- package/dist/index.js.map +1 -1
- package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts +1 -0
- package/dist/types/src/test/pages/MediaPlayerPage.d.ts +1 -0
- package/dist/types/src/test/pages/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/types/CarouselTypes.d.ts +6 -0
- package/dist/types/src/ui/Carousel/types/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/ui/Carousel.d.ts +2 -0
- package/dist/types/src/ui/Carousel/ui/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/assets/index.d.ts +2 -0
- package/dist/types/src/ui/Loaders/index.d.ts +2 -0
- package/dist/types/src/ui/Loaders/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/types/LoadingIndicatorTypes.d.ts +16 -0
- package/dist/types/src/ui/Loaders/types/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts +2 -0
- package/dist/types/src/ui/Loaders/ui/index.d.ts +1 -0
- package/dist/types/src/ui/MediaViewer/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/styles/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/styles/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/types/MediaViewerTypes.d.ts +14 -0
- package/dist/types/src/ui/MediaViewer/types/components/ControlBarTypes.d.ts +9 -0
- package/dist/types/src/ui/MediaViewer/types/components/ImageViewerTypes.d.ts +3 -0
- package/dist/types/src/ui/MediaViewer/types/components/ProgressBarTypes.d.ts +6 -0
- package/dist/types/src/ui/MediaViewer/types/components/VideoViewerTypes.d.ts +6 -0
- package/dist/types/src/ui/MediaViewer/types/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/types/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/MediaViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/ImageViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/VideoViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/ui/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/assets/index.d.ts +2 -0
- package/dist/types/src/ui/PlayButton/index.d.ts +3 -0
- package/dist/types/src/ui/PlayButton/styles/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/types/PlayButtonTypes.d.ts +9 -0
- package/dist/types/src/ui/PlayButton/types/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/ui/PlayButton.d.ts +2 -0
- package/dist/types/src/ui/PlayButton/ui/index.d.ts +1 -0
- package/dist/types/src/ui/VideoPlayerBase/index.d.ts +2 -0
- package/dist/types/src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.d.ts +77 -0
- package/dist/types/src/ui/VideoPlayerBase/types/index.d.ts +1 -0
- package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts +2 -0
- package/dist/types/src/ui/VideoPlayerBase/ui/index.d.ts +1 -0
- package/dist/types/src/ui/index.d.ts +4 -0
- package/package.json +3 -5
package/dist/index.js
CHANGED
|
@@ -2031,13 +2031,13 @@ var SvgPlay = function SvgPlay(props) {
|
|
|
2031
2031
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
2032
2032
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2033
2033
|
fill: "none",
|
|
2034
|
-
viewBox: "0 0
|
|
2034
|
+
viewBox: "0 0 24 24"
|
|
2035
2035
|
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
2036
|
-
stroke: "#
|
|
2036
|
+
stroke: "#000",
|
|
2037
2037
|
strokeLinecap: "round",
|
|
2038
2038
|
strokeLinejoin: "round",
|
|
2039
|
-
strokeWidth:
|
|
2040
|
-
d: "
|
|
2039
|
+
strokeWidth: 2,
|
|
2040
|
+
d: "M5 4.99c0-.972 0-1.457.202-1.725a1 1 0 0 1 .738-.395c.335-.02.74.25 1.548.788l10.515 7.01c.668.446 1.002.668 1.118.949a1 1 0 0 1 0 .766c-.116.28-.45.503-1.118.948l-10.515 7.01c-.809.54-1.213.809-1.548.789a1 1 0 0 1-.738-.395C5 20.467 5 19.982 5 19.01z"
|
|
2041
2041
|
})));
|
|
2042
2042
|
};
|
|
2043
2043
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgPlay);
|
|
@@ -2961,6 +2961,144 @@ var SvgXClose = function SvgXClose(props) {
|
|
|
2961
2961
|
|
|
2962
2962
|
/***/ }),
|
|
2963
2963
|
|
|
2964
|
+
/***/ "./src/ui/Loaders/assets/LineSimple.svg":
|
|
2965
|
+
/*!**********************************************!*\
|
|
2966
|
+
!*** ./src/ui/Loaders/assets/LineSimple.svg ***!
|
|
2967
|
+
\**********************************************/
|
|
2968
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2969
|
+
|
|
2970
|
+
"use strict";
|
|
2971
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2972
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2973
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
2974
|
+
/* harmony export */ });
|
|
2975
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
2976
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
2977
|
+
var _path, _path2;
|
|
2978
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2979
|
+
|
|
2980
|
+
var SvgLineSimple = function SvgLineSimple(props) {
|
|
2981
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
2982
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2983
|
+
fill: "none",
|
|
2984
|
+
viewBox: "0 0 32 32"
|
|
2985
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
2986
|
+
stroke: "#D0D5DD",
|
|
2987
|
+
strokeLinecap: "round",
|
|
2988
|
+
strokeLinejoin: "round",
|
|
2989
|
+
strokeWidth: 4,
|
|
2990
|
+
d: "M30 16a14 14 0 1 1-28 0 14 14 0 0 1 28 0"
|
|
2991
|
+
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
2992
|
+
stroke: "#1A40FF",
|
|
2993
|
+
strokeLinecap: "round",
|
|
2994
|
+
strokeLinejoin: "round",
|
|
2995
|
+
strokeWidth: 4,
|
|
2996
|
+
d: "M16 2a14 14 0 0 1 14 14"
|
|
2997
|
+
})));
|
|
2998
|
+
};
|
|
2999
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLineSimple);
|
|
3000
|
+
|
|
3001
|
+
/***/ }),
|
|
3002
|
+
|
|
3003
|
+
/***/ "./src/ui/Loaders/assets/LineSpinner.svg":
|
|
3004
|
+
/*!***********************************************!*\
|
|
3005
|
+
!*** ./src/ui/Loaders/assets/LineSpinner.svg ***!
|
|
3006
|
+
\***********************************************/
|
|
3007
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3008
|
+
|
|
3009
|
+
"use strict";
|
|
3010
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3011
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3012
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3013
|
+
/* harmony export */ });
|
|
3014
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
3015
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
3016
|
+
var _path, _path2;
|
|
3017
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3018
|
+
|
|
3019
|
+
var SvgLineSpinner = function SvgLineSpinner(props) {
|
|
3020
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
3021
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3022
|
+
fill: "none",
|
|
3023
|
+
viewBox: "0 0 32 32"
|
|
3024
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3025
|
+
stroke: "#D0D5DD",
|
|
3026
|
+
strokeLinecap: "round",
|
|
3027
|
+
strokeLinejoin: "round",
|
|
3028
|
+
strokeWidth: 4,
|
|
3029
|
+
d: "M30 16a14 14 0 1 1-28 0 14 14 0 0 1 28 0"
|
|
3030
|
+
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3031
|
+
stroke: "#1A40FF",
|
|
3032
|
+
strokeLinecap: "round",
|
|
3033
|
+
strokeLinejoin: "round",
|
|
3034
|
+
strokeWidth: 4,
|
|
3035
|
+
d: "M6.1 6.1a14 14 0 1 1 12.09 23.728"
|
|
3036
|
+
})));
|
|
3037
|
+
};
|
|
3038
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLineSpinner);
|
|
3039
|
+
|
|
3040
|
+
/***/ }),
|
|
3041
|
+
|
|
3042
|
+
/***/ "./src/ui/PlayButton/assets/play.svg":
|
|
3043
|
+
/*!*******************************************!*\
|
|
3044
|
+
!*** ./src/ui/PlayButton/assets/play.svg ***!
|
|
3045
|
+
\*******************************************/
|
|
3046
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3047
|
+
|
|
3048
|
+
"use strict";
|
|
3049
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3050
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3051
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3052
|
+
/* harmony export */ });
|
|
3053
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
3054
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
3055
|
+
var _path;
|
|
3056
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3057
|
+
|
|
3058
|
+
var SvgPlay = function SvgPlay(props) {
|
|
3059
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
3060
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3061
|
+
fill: "none",
|
|
3062
|
+
viewBox: "0 0 36 42"
|
|
3063
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3064
|
+
fill: "#fff",
|
|
3065
|
+
d: "M36 21 0 41.785V.215z"
|
|
3066
|
+
})));
|
|
3067
|
+
};
|
|
3068
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgPlay);
|
|
3069
|
+
|
|
3070
|
+
/***/ }),
|
|
3071
|
+
|
|
3072
|
+
/***/ "./src/ui/PlayButton/assets/stop.svg":
|
|
3073
|
+
/*!*******************************************!*\
|
|
3074
|
+
!*** ./src/ui/PlayButton/assets/stop.svg ***!
|
|
3075
|
+
\*******************************************/
|
|
3076
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3077
|
+
|
|
3078
|
+
"use strict";
|
|
3079
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3080
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3081
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3082
|
+
/* harmony export */ });
|
|
3083
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
3084
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
3085
|
+
var _path;
|
|
3086
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3087
|
+
|
|
3088
|
+
var SvgStop = function SvgStop(props) {
|
|
3089
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
3090
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3091
|
+
fill: "none",
|
|
3092
|
+
viewBox: "0 0 8 8"
|
|
3093
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3094
|
+
fill: "#fff",
|
|
3095
|
+
d: "M0 0h8v8H0z"
|
|
3096
|
+
})));
|
|
3097
|
+
};
|
|
3098
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgStop);
|
|
3099
|
+
|
|
3100
|
+
/***/ }),
|
|
3101
|
+
|
|
2964
3102
|
/***/ "./src/ui/UserPick/assets/placeholder.svg":
|
|
2965
3103
|
/*!************************************************!*\
|
|
2966
3104
|
!*** ./src/ui/UserPick/assets/placeholder.svg ***!
|
|
@@ -3282,6 +3420,102 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3282
3420
|
|
|
3283
3421
|
/***/ }),
|
|
3284
3422
|
|
|
3423
|
+
/***/ "./src/ui/Loaders/styles/LoadingIndicator.module.scss":
|
|
3424
|
+
/*!************************************************************!*\
|
|
3425
|
+
!*** ./src/ui/Loaders/styles/LoadingIndicator.module.scss ***!
|
|
3426
|
+
\************************************************************/
|
|
3427
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3428
|
+
|
|
3429
|
+
"use strict";
|
|
3430
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3431
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3432
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3433
|
+
/* harmony export */ });
|
|
3434
|
+
// extracted by mini-css-extract-plugin
|
|
3435
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"LoadingIndicator":"LoadingIndicator-module__LoadingIndicator___iELVb","icon":"LoadingIndicator-module__icon___mgj_t","spinner-animation":"LoadingIndicator-module__spinner-animation___NBBAi","text":"LoadingIndicator-module__text___F575P","lineSimple":"LoadingIndicator-module__lineSimple___j3ypM","lineSpinner":"LoadingIndicator-module__lineSpinner___A2m7Y","small":"LoadingIndicator-module__small___MXHKy","medium":"LoadingIndicator-module__medium___o32By","large":"LoadingIndicator-module__large___Uxh7i","ultra":"LoadingIndicator-module__ultra___wIzOx","widthFill":"LoadingIndicator-module__widthFill___piI3w","widthHug":"LoadingIndicator-module__widthHug___olDl7","heightFill":"LoadingIndicator-module__heightFill___qkqYn","heightHug":"LoadingIndicator-module__heightHug___lgl6X"});
|
|
3436
|
+
|
|
3437
|
+
/***/ }),
|
|
3438
|
+
|
|
3439
|
+
/***/ "./src/ui/MediaViewer/styles/MediaViewer.module.scss":
|
|
3440
|
+
/*!***********************************************************!*\
|
|
3441
|
+
!*** ./src/ui/MediaViewer/styles/MediaViewer.module.scss ***!
|
|
3442
|
+
\***********************************************************/
|
|
3443
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3444
|
+
|
|
3445
|
+
"use strict";
|
|
3446
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3447
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3448
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3449
|
+
/* harmony export */ });
|
|
3450
|
+
// extracted by mini-css-extract-plugin
|
|
3451
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"MediaViewer":"MediaViewer-module__MediaViewer___DsL4T","content":"MediaViewer-module__content___e14vI","control":"MediaViewer-module__control___MB3Xg"});
|
|
3452
|
+
|
|
3453
|
+
/***/ }),
|
|
3454
|
+
|
|
3455
|
+
/***/ "./src/ui/MediaViewer/styles/components/ControlBar.module.scss":
|
|
3456
|
+
/*!*********************************************************************!*\
|
|
3457
|
+
!*** ./src/ui/MediaViewer/styles/components/ControlBar.module.scss ***!
|
|
3458
|
+
\*********************************************************************/
|
|
3459
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3460
|
+
|
|
3461
|
+
"use strict";
|
|
3462
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3463
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3464
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3465
|
+
/* harmony export */ });
|
|
3466
|
+
// extracted by mini-css-extract-plugin
|
|
3467
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"controlBar":"ControlBar-module__controlBar___B0pDT"});
|
|
3468
|
+
|
|
3469
|
+
/***/ }),
|
|
3470
|
+
|
|
3471
|
+
/***/ "./src/ui/MediaViewer/styles/components/ImageViewer.module.scss":
|
|
3472
|
+
/*!**********************************************************************!*\
|
|
3473
|
+
!*** ./src/ui/MediaViewer/styles/components/ImageViewer.module.scss ***!
|
|
3474
|
+
\**********************************************************************/
|
|
3475
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3476
|
+
|
|
3477
|
+
"use strict";
|
|
3478
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3479
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3480
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3481
|
+
/* harmony export */ });
|
|
3482
|
+
// extracted by mini-css-extract-plugin
|
|
3483
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"ImageViewer":"ImageViewer-module__ImageViewer___lH_sP"});
|
|
3484
|
+
|
|
3485
|
+
/***/ }),
|
|
3486
|
+
|
|
3487
|
+
/***/ "./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss":
|
|
3488
|
+
/*!***************************************************************************!*\
|
|
3489
|
+
!*** ./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss ***!
|
|
3490
|
+
\***************************************************************************/
|
|
3491
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3492
|
+
|
|
3493
|
+
"use strict";
|
|
3494
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3495
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3496
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3497
|
+
/* harmony export */ });
|
|
3498
|
+
// extracted by mini-css-extract-plugin
|
|
3499
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"videoProgressBar":"VideoProgressBar-module__videoProgressBar___QrnSp","progressBar":"VideoProgressBar-module__progressBar___m_P6t","dragging":"VideoProgressBar-module__dragging___eO_Va"});
|
|
3500
|
+
|
|
3501
|
+
/***/ }),
|
|
3502
|
+
|
|
3503
|
+
/***/ "./src/ui/MediaViewer/styles/components/VideoViewer.module.scss":
|
|
3504
|
+
/*!**********************************************************************!*\
|
|
3505
|
+
!*** ./src/ui/MediaViewer/styles/components/VideoViewer.module.scss ***!
|
|
3506
|
+
\**********************************************************************/
|
|
3507
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3508
|
+
|
|
3509
|
+
"use strict";
|
|
3510
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3511
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3512
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3513
|
+
/* harmony export */ });
|
|
3514
|
+
// extracted by mini-css-extract-plugin
|
|
3515
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"VideoViewer":"VideoViewer-module__VideoViewer___DnYgG","loader":"VideoViewer-module__loader___xINv6","hide":"VideoViewer-module__hide___uGbYO","timer":"VideoViewer-module__timer___w1Piv","progressBar":"VideoViewer-module__progressBar___SbaNv","content":"VideoViewer-module__content___jnFwK","playButton":"VideoViewer-module__playButton___Sb91y","show":"VideoViewer-module__show___GsvfN","appearance":"VideoViewer-module__appearance___GGxuv"});
|
|
3516
|
+
|
|
3517
|
+
/***/ }),
|
|
3518
|
+
|
|
3285
3519
|
/***/ "./src/ui/MicroButton/styles/MicroButton.module.scss":
|
|
3286
3520
|
/*!***********************************************************!*\
|
|
3287
3521
|
!*** ./src/ui/MicroButton/styles/MicroButton.module.scss ***!
|
|
@@ -3330,6 +3564,22 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3330
3564
|
|
|
3331
3565
|
/***/ }),
|
|
3332
3566
|
|
|
3567
|
+
/***/ "./src/ui/PlayButton/styles/PlayButton.module.scss":
|
|
3568
|
+
/*!*********************************************************!*\
|
|
3569
|
+
!*** ./src/ui/PlayButton/styles/PlayButton.module.scss ***!
|
|
3570
|
+
\*********************************************************/
|
|
3571
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3572
|
+
|
|
3573
|
+
"use strict";
|
|
3574
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3575
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3576
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3577
|
+
/* harmony export */ });
|
|
3578
|
+
// extracted by mini-css-extract-plugin
|
|
3579
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"PlayButton":"PlayButton-module__PlayButton___JmGh_","default":"PlayButton-module__default___nbc5K","stop":"PlayButton-module__stop___P8MsE","large":"PlayButton-module__large___DYV1E","light":"PlayButton-module__light___UMWaJ","dark":"PlayButton-module__dark___BHsWx"});
|
|
3580
|
+
|
|
3581
|
+
/***/ }),
|
|
3582
|
+
|
|
3333
3583
|
/***/ "./src/ui/SlideTransition/styles/SlideTransition.module.scss":
|
|
3334
3584
|
/*!*******************************************************************!*\
|
|
3335
3585
|
!*** ./src/ui/SlideTransition/styles/SlideTransition.module.scss ***!
|
|
@@ -7386,58 +7636,190 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7386
7636
|
|
|
7387
7637
|
/***/ }),
|
|
7388
7638
|
|
|
7389
|
-
/***/ "./src/ui/
|
|
7390
|
-
|
|
7391
|
-
!*** ./src/ui/
|
|
7392
|
-
|
|
7639
|
+
/***/ "./src/ui/Carousel/index.ts":
|
|
7640
|
+
/*!**********************************!*\
|
|
7641
|
+
!*** ./src/ui/Carousel/index.ts ***!
|
|
7642
|
+
\**********************************/
|
|
7393
7643
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7394
7644
|
|
|
7395
7645
|
"use strict";
|
|
7396
7646
|
__webpack_require__.r(__webpack_exports__);
|
|
7397
7647
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7398
|
-
/* harmony export */
|
|
7648
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Carousel)
|
|
7399
7649
|
/* harmony export */ });
|
|
7400
|
-
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/
|
|
7401
|
-
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/CascadeSelector/types/index.ts");
|
|
7402
|
-
|
|
7650
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Carousel/ui/index.ts");
|
|
7403
7651
|
|
|
7404
7652
|
|
|
7405
7653
|
|
|
7406
7654
|
/***/ }),
|
|
7407
7655
|
|
|
7408
|
-
/***/ "./src/ui/
|
|
7409
|
-
|
|
7410
|
-
!*** ./src/ui/
|
|
7411
|
-
|
|
7656
|
+
/***/ "./src/ui/Carousel/ui/Carousel.tsx":
|
|
7657
|
+
/*!*****************************************!*\
|
|
7658
|
+
!*** ./src/ui/Carousel/ui/Carousel.tsx ***!
|
|
7659
|
+
\*****************************************/
|
|
7412
7660
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7413
7661
|
|
|
7414
7662
|
"use strict";
|
|
7415
7663
|
__webpack_require__.r(__webpack_exports__);
|
|
7416
7664
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7417
|
-
/* harmony export */
|
|
7665
|
+
/* harmony export */ Carousel: () => (/* binding */ Carousel)
|
|
7418
7666
|
/* harmony export */ });
|
|
7419
|
-
/* harmony import */ var
|
|
7667
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
7668
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
7669
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
7670
|
+
|
|
7420
7671
|
|
|
7672
|
+
function Carousel({ children, activeIndex = 0, setActiveIndex }) {
|
|
7673
|
+
const [offset, setOffset] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
7674
|
+
const [isDragging, setIsDragging] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
7675
|
+
const [startX, setStartX] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
7676
|
+
const [containerWidth, setContainerWidth] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
7677
|
+
const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
7678
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
7679
|
+
const updateWidth = () => {
|
|
7680
|
+
if (containerRef.current) {
|
|
7681
|
+
setContainerWidth(containerRef.current.offsetWidth);
|
|
7682
|
+
}
|
|
7683
|
+
};
|
|
7684
|
+
updateWidth();
|
|
7685
|
+
window.addEventListener('resize', updateWidth);
|
|
7686
|
+
return () => window.removeEventListener('resize', updateWidth);
|
|
7687
|
+
}, []);
|
|
7688
|
+
const handleDragStart = (clientX) => {
|
|
7689
|
+
setStartX(clientX);
|
|
7690
|
+
setIsDragging(true);
|
|
7691
|
+
};
|
|
7692
|
+
const handleDragMove = (clientX) => {
|
|
7693
|
+
if (!isDragging)
|
|
7694
|
+
return;
|
|
7695
|
+
const delta = clientX - startX;
|
|
7696
|
+
setOffset(delta);
|
|
7697
|
+
};
|
|
7698
|
+
const handleDragEnd = () => {
|
|
7699
|
+
if (!isDragging)
|
|
7700
|
+
return;
|
|
7701
|
+
setIsDragging(false);
|
|
7702
|
+
if (containerWidth === 0)
|
|
7703
|
+
return;
|
|
7704
|
+
const totalOffset = -activeIndex * containerWidth + offset;
|
|
7705
|
+
const targetIndex = Math.round(-totalOffset / containerWidth);
|
|
7706
|
+
const clampedIndex = Math.max(0, Math.min(targetIndex, react__WEBPACK_IMPORTED_MODULE_1___default().Children.count(children) - 1));
|
|
7707
|
+
setActiveIndex?.(clampedIndex);
|
|
7708
|
+
setOffset(0);
|
|
7709
|
+
};
|
|
7710
|
+
const handleMouseDown = (e) => {
|
|
7711
|
+
e.preventDefault();
|
|
7712
|
+
handleDragStart(e.clientX);
|
|
7713
|
+
};
|
|
7714
|
+
const handleMouseMove = (e) => {
|
|
7715
|
+
handleDragMove(e.clientX);
|
|
7716
|
+
};
|
|
7717
|
+
const handleMouseUp = () => {
|
|
7718
|
+
handleDragEnd();
|
|
7719
|
+
};
|
|
7720
|
+
const handleTouchStart = (e) => {
|
|
7721
|
+
handleDragStart(e.touches[0].clientX);
|
|
7722
|
+
};
|
|
7723
|
+
const handleTouchMove = (e) => {
|
|
7724
|
+
handleDragMove(e.touches[0].clientX);
|
|
7725
|
+
};
|
|
7726
|
+
const handleTouchEnd = () => {
|
|
7727
|
+
handleDragEnd();
|
|
7728
|
+
};
|
|
7729
|
+
const containerStyle = {
|
|
7730
|
+
width: '100%',
|
|
7731
|
+
height: '100%',
|
|
7732
|
+
overflow: 'hidden',
|
|
7733
|
+
touchAction: 'none',
|
|
7734
|
+
};
|
|
7735
|
+
const slidesContainerStyle = {
|
|
7736
|
+
display: 'flex',
|
|
7737
|
+
transform: `translateX(${-activeIndex * containerWidth + offset}px)`,
|
|
7738
|
+
transition: isDragging ? 'none' : 'transform 0.3s ease',
|
|
7739
|
+
willChange: 'transform',
|
|
7740
|
+
width: '100%',
|
|
7741
|
+
height: '100%',
|
|
7742
|
+
};
|
|
7743
|
+
const slideStyle = {
|
|
7744
|
+
flex: '0 0 100%',
|
|
7745
|
+
width: '100%',
|
|
7746
|
+
height: '100%',
|
|
7747
|
+
};
|
|
7748
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: containerRef, style: containerStyle, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { style: slidesContainerStyle, children: react__WEBPACK_IMPORTED_MODULE_1___default().Children.map(children, (child, index) => ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { style: slideStyle, children: child }, index))) }) }));
|
|
7749
|
+
}
|
|
7421
7750
|
|
|
7422
7751
|
|
|
7423
7752
|
/***/ }),
|
|
7424
7753
|
|
|
7425
|
-
/***/ "./src/ui/
|
|
7426
|
-
|
|
7427
|
-
!*** ./src/ui/
|
|
7428
|
-
|
|
7754
|
+
/***/ "./src/ui/Carousel/ui/index.ts":
|
|
7755
|
+
/*!*************************************!*\
|
|
7756
|
+
!*** ./src/ui/Carousel/ui/index.ts ***!
|
|
7757
|
+
\*************************************/
|
|
7429
7758
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7430
7759
|
|
|
7431
7760
|
"use strict";
|
|
7432
7761
|
__webpack_require__.r(__webpack_exports__);
|
|
7762
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7763
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _Carousel__WEBPACK_IMPORTED_MODULE_0__.Carousel)
|
|
7764
|
+
/* harmony export */ });
|
|
7765
|
+
/* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Carousel */ "./src/ui/Carousel/ui/Carousel.tsx");
|
|
7433
7766
|
|
|
7434
7767
|
|
|
7435
7768
|
|
|
7436
7769
|
/***/ }),
|
|
7437
7770
|
|
|
7438
|
-
/***/ "./src/ui/CascadeSelector/
|
|
7439
|
-
|
|
7440
|
-
!*** ./src/ui/CascadeSelector/
|
|
7771
|
+
/***/ "./src/ui/CascadeSelector/index.ts":
|
|
7772
|
+
/*!*****************************************!*\
|
|
7773
|
+
!*** ./src/ui/CascadeSelector/index.ts ***!
|
|
7774
|
+
\*****************************************/
|
|
7775
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7776
|
+
|
|
7777
|
+
"use strict";
|
|
7778
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7779
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7780
|
+
/* harmony export */ CascadeSelector: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.CascadeSelector)
|
|
7781
|
+
/* harmony export */ });
|
|
7782
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/CascadeSelector/ui/index.ts");
|
|
7783
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/CascadeSelector/types/index.ts");
|
|
7784
|
+
|
|
7785
|
+
|
|
7786
|
+
|
|
7787
|
+
|
|
7788
|
+
/***/ }),
|
|
7789
|
+
|
|
7790
|
+
/***/ "./src/ui/CascadeSelector/styles/index.ts":
|
|
7791
|
+
/*!************************************************!*\
|
|
7792
|
+
!*** ./src/ui/CascadeSelector/styles/index.ts ***!
|
|
7793
|
+
\************************************************/
|
|
7794
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7795
|
+
|
|
7796
|
+
"use strict";
|
|
7797
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7798
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7799
|
+
/* harmony export */ CascadeBlockStyle: () => (/* reexport safe */ _CascadeBlock_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
7800
|
+
/* harmony export */ });
|
|
7801
|
+
/* harmony import */ var _CascadeBlock_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CascadeBlock.module.scss */ "./src/ui/CascadeSelector/styles/CascadeBlock.module.scss");
|
|
7802
|
+
|
|
7803
|
+
|
|
7804
|
+
|
|
7805
|
+
/***/ }),
|
|
7806
|
+
|
|
7807
|
+
/***/ "./src/ui/CascadeSelector/types/CascadeBlockTypes.ts":
|
|
7808
|
+
/*!***********************************************************!*\
|
|
7809
|
+
!*** ./src/ui/CascadeSelector/types/CascadeBlockTypes.ts ***!
|
|
7810
|
+
\***********************************************************/
|
|
7811
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7812
|
+
|
|
7813
|
+
"use strict";
|
|
7814
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7815
|
+
|
|
7816
|
+
|
|
7817
|
+
|
|
7818
|
+
/***/ }),
|
|
7819
|
+
|
|
7820
|
+
/***/ "./src/ui/CascadeSelector/types/CascadeSelectorTypes.ts":
|
|
7821
|
+
/*!**************************************************************!*\
|
|
7822
|
+
!*** ./src/ui/CascadeSelector/types/CascadeSelectorTypes.ts ***!
|
|
7441
7823
|
\**************************************************************/
|
|
7442
7824
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7443
7825
|
|
|
@@ -11067,267 +11449,249 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11067
11449
|
|
|
11068
11450
|
/***/ }),
|
|
11069
11451
|
|
|
11070
|
-
/***/ "./src/ui/
|
|
11071
|
-
|
|
11072
|
-
!*** ./src/ui/
|
|
11073
|
-
|
|
11452
|
+
/***/ "./src/ui/Loaders/assets/index.ts":
|
|
11453
|
+
/*!****************************************!*\
|
|
11454
|
+
!*** ./src/ui/Loaders/assets/index.ts ***!
|
|
11455
|
+
\****************************************/
|
|
11074
11456
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11075
11457
|
|
|
11076
11458
|
"use strict";
|
|
11077
11459
|
__webpack_require__.r(__webpack_exports__);
|
|
11078
11460
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11079
|
-
/* harmony export */
|
|
11461
|
+
/* harmony export */ LineSimpleSVG: () => (/* reexport safe */ _LineSimple_svg__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
11462
|
+
/* harmony export */ LineSpinnerSVG: () => (/* reexport safe */ _LineSpinner_svg__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
11080
11463
|
/* harmony export */ });
|
|
11081
|
-
/* harmony import */ var
|
|
11082
|
-
/* harmony import */ var
|
|
11464
|
+
/* harmony import */ var _LineSimple_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LineSimple.svg */ "./src/ui/Loaders/assets/LineSimple.svg");
|
|
11465
|
+
/* harmony import */ var _LineSpinner_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LineSpinner.svg */ "./src/ui/Loaders/assets/LineSpinner.svg");
|
|
11083
11466
|
|
|
11084
11467
|
|
|
11085
11468
|
|
|
11086
11469
|
|
|
11087
11470
|
/***/ }),
|
|
11088
11471
|
|
|
11089
|
-
/***/ "./src/ui/
|
|
11090
|
-
|
|
11091
|
-
!*** ./src/ui/
|
|
11092
|
-
|
|
11472
|
+
/***/ "./src/ui/Loaders/index.ts":
|
|
11473
|
+
/*!*********************************!*\
|
|
11474
|
+
!*** ./src/ui/Loaders/index.ts ***!
|
|
11475
|
+
\*********************************/
|
|
11093
11476
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11094
11477
|
|
|
11095
11478
|
"use strict";
|
|
11096
11479
|
__webpack_require__.r(__webpack_exports__);
|
|
11097
11480
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11098
|
-
/* harmony export */
|
|
11481
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.LoadingIndicator)
|
|
11099
11482
|
/* harmony export */ });
|
|
11100
|
-
/* harmony import */ var
|
|
11483
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Loaders/ui/index.ts");
|
|
11484
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/Loaders/types/index.ts");
|
|
11485
|
+
|
|
11101
11486
|
|
|
11102
11487
|
|
|
11103
11488
|
|
|
11104
11489
|
/***/ }),
|
|
11105
11490
|
|
|
11106
|
-
/***/ "./src/ui/
|
|
11107
|
-
|
|
11108
|
-
!*** ./src/ui/
|
|
11109
|
-
|
|
11491
|
+
/***/ "./src/ui/Loaders/styles/index.ts":
|
|
11492
|
+
/*!****************************************!*\
|
|
11493
|
+
!*** ./src/ui/Loaders/styles/index.ts ***!
|
|
11494
|
+
\****************************************/
|
|
11110
11495
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11111
11496
|
|
|
11112
11497
|
"use strict";
|
|
11113
11498
|
__webpack_require__.r(__webpack_exports__);
|
|
11499
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11500
|
+
/* harmony export */ LoadingIndicatorStyle: () => (/* reexport safe */ _LoadingIndicator_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
11501
|
+
/* harmony export */ });
|
|
11502
|
+
/* harmony import */ var _LoadingIndicator_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingIndicator.module.scss */ "./src/ui/Loaders/styles/LoadingIndicator.module.scss");
|
|
11114
11503
|
|
|
11115
11504
|
|
|
11116
11505
|
|
|
11117
11506
|
/***/ }),
|
|
11118
11507
|
|
|
11119
|
-
/***/ "./src/ui/
|
|
11120
|
-
|
|
11121
|
-
!*** ./src/ui/
|
|
11122
|
-
|
|
11508
|
+
/***/ "./src/ui/Loaders/types/LoadingIndicatorTypes.ts":
|
|
11509
|
+
/*!*******************************************************!*\
|
|
11510
|
+
!*** ./src/ui/Loaders/types/LoadingIndicatorTypes.ts ***!
|
|
11511
|
+
\*******************************************************/
|
|
11123
11512
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11124
11513
|
|
|
11125
11514
|
"use strict";
|
|
11126
11515
|
__webpack_require__.r(__webpack_exports__);
|
|
11127
|
-
/* harmony import */ var _MicroButtonTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButtonTypes */ "./src/ui/MicroButton/types/MicroButtonTypes.ts");
|
|
11128
11516
|
|
|
11129
11517
|
|
|
11130
11518
|
|
|
11131
11519
|
/***/ }),
|
|
11132
11520
|
|
|
11133
|
-
/***/ "./src/ui/
|
|
11134
|
-
|
|
11135
|
-
!*** ./src/ui/
|
|
11136
|
-
|
|
11521
|
+
/***/ "./src/ui/Loaders/types/index.ts":
|
|
11522
|
+
/*!***************************************!*\
|
|
11523
|
+
!*** ./src/ui/Loaders/types/index.ts ***!
|
|
11524
|
+
\***************************************/
|
|
11525
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11526
|
+
|
|
11527
|
+
"use strict";
|
|
11528
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11529
|
+
/* harmony import */ var _LoadingIndicatorTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingIndicatorTypes */ "./src/ui/Loaders/types/LoadingIndicatorTypes.ts");
|
|
11530
|
+
|
|
11531
|
+
|
|
11532
|
+
|
|
11533
|
+
/***/ }),
|
|
11534
|
+
|
|
11535
|
+
/***/ "./src/ui/Loaders/ui/LoadingIndicator.tsx":
|
|
11536
|
+
/*!************************************************!*\
|
|
11537
|
+
!*** ./src/ui/Loaders/ui/LoadingIndicator.tsx ***!
|
|
11538
|
+
\************************************************/
|
|
11137
11539
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11138
11540
|
|
|
11139
11541
|
"use strict";
|
|
11140
11542
|
__webpack_require__.r(__webpack_exports__);
|
|
11141
11543
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11142
|
-
/* harmony export */
|
|
11544
|
+
/* harmony export */ LoadingIndicator: () => (/* binding */ LoadingIndicator)
|
|
11143
11545
|
/* harmony export */ });
|
|
11144
11546
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11145
|
-
/* harmony import */ var
|
|
11146
|
-
/* harmony import */ var
|
|
11147
|
-
/* harmony import */ var
|
|
11148
|
-
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/MicroButton/styles/index.ts");
|
|
11547
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
11548
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../assets */ "./src/ui/Loaders/assets/index.ts");
|
|
11549
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/Loaders/styles/index.ts");
|
|
11149
11550
|
|
|
11150
11551
|
|
|
11151
11552
|
|
|
11152
11553
|
|
|
11153
|
-
function
|
|
11154
|
-
const
|
|
11155
|
-
switch (
|
|
11156
|
-
case
|
|
11157
|
-
return className
|
|
11158
|
-
case
|
|
11159
|
-
return
|
|
11160
|
-
|
|
11161
|
-
return className
|
|
11162
|
-
case 'color-fill':
|
|
11163
|
-
return className?.colorFill;
|
|
11164
|
-
case 'color-hover':
|
|
11165
|
-
return className?.colorHover;
|
|
11166
|
-
case 'red-fill':
|
|
11167
|
-
return className?.redFill;
|
|
11168
|
-
case 'red-hover':
|
|
11169
|
-
return className?.redHover;
|
|
11170
|
-
case 'gray':
|
|
11171
|
-
return className?.gray;
|
|
11172
|
-
case 'gray-fill':
|
|
11173
|
-
return className?.grayFill;
|
|
11174
|
-
case 'blue-light':
|
|
11175
|
-
return className?.blueLight;
|
|
11176
|
-
}
|
|
11177
|
-
};
|
|
11178
|
-
const getSizeClassName = () => {
|
|
11179
|
-
switch (size) {
|
|
11180
|
-
case "14":
|
|
11181
|
-
return className?.size14;
|
|
11182
|
-
case "16":
|
|
11183
|
-
return className?.size16;
|
|
11184
|
-
case "20":
|
|
11185
|
-
return className?.size20;
|
|
11186
|
-
case "24":
|
|
11187
|
-
return className?.size24;
|
|
11188
|
-
case "28":
|
|
11189
|
-
return className?.size28;
|
|
11554
|
+
function LoadingIndicator({ size = 'small', style = 'line-simple', supportingText = false, width = 'fill', height = 'fill', additionStyles, }) {
|
|
11555
|
+
const getText = () => {
|
|
11556
|
+
switch (supportingText) {
|
|
11557
|
+
case true:
|
|
11558
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.text, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430" });
|
|
11559
|
+
case false:
|
|
11560
|
+
return undefined;
|
|
11561
|
+
default:
|
|
11562
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.text, children: supportingText });
|
|
11190
11563
|
}
|
|
11191
11564
|
};
|
|
11192
|
-
const
|
|
11193
|
-
|
|
11194
|
-
|
|
11565
|
+
const getSpinner = () => {
|
|
11566
|
+
switch (style) {
|
|
11567
|
+
case "line-spinner":
|
|
11568
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.LineSpinnerSVG, {});
|
|
11569
|
+
case "dot-circle":
|
|
11570
|
+
case "line-simple":
|
|
11571
|
+
default:
|
|
11572
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.LineSimpleSVG, {});
|
|
11195
11573
|
}
|
|
11196
|
-
return additionStyles.join(' ');
|
|
11197
11574
|
};
|
|
11198
|
-
|
|
11199
|
-
|
|
11200
|
-
|
|
11201
|
-
|
|
11202
|
-
|
|
11203
|
-
|
|
11204
|
-
|
|
11575
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.LoadingIndicator, {
|
|
11576
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.small]: size === 'small',
|
|
11577
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.medium]: size === 'medium',
|
|
11578
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.large]: size === 'large',
|
|
11579
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.ultra]: size === 'ultra',
|
|
11580
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.ultra]: size === 'ultra',
|
|
11581
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.widthFill]: width === 'fill',
|
|
11582
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.widthHug]: width === 'hug',
|
|
11583
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.heightFill]: height === 'fill',
|
|
11584
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.lineSimple]: style === 'line-simple',
|
|
11585
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.lineSpinner]: style === 'line-spinner',
|
|
11586
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.dotCircle]: style === 'dot-circle',
|
|
11587
|
+
}, additionStyles), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.icon, children: getSpinner() }), getText()] }));
|
|
11205
11588
|
}
|
|
11206
11589
|
|
|
11207
11590
|
|
|
11208
11591
|
/***/ }),
|
|
11209
11592
|
|
|
11210
|
-
/***/ "./src/ui/
|
|
11211
|
-
|
|
11212
|
-
!*** ./src/ui/
|
|
11213
|
-
|
|
11593
|
+
/***/ "./src/ui/Loaders/ui/index.ts":
|
|
11594
|
+
/*!************************************!*\
|
|
11595
|
+
!*** ./src/ui/Loaders/ui/index.ts ***!
|
|
11596
|
+
\************************************/
|
|
11214
11597
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11215
11598
|
|
|
11216
11599
|
"use strict";
|
|
11217
11600
|
__webpack_require__.r(__webpack_exports__);
|
|
11218
11601
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11219
|
-
/* harmony export */
|
|
11602
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _LoadingIndicator__WEBPACK_IMPORTED_MODULE_0__.LoadingIndicator)
|
|
11220
11603
|
/* harmony export */ });
|
|
11221
|
-
/* harmony import */ var
|
|
11604
|
+
/* harmony import */ var _LoadingIndicator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingIndicator */ "./src/ui/Loaders/ui/LoadingIndicator.tsx");
|
|
11222
11605
|
|
|
11223
11606
|
|
|
11224
11607
|
|
|
11225
11608
|
/***/ }),
|
|
11226
11609
|
|
|
11227
|
-
/***/ "./src/ui/
|
|
11228
|
-
|
|
11229
|
-
!*** ./src/ui/
|
|
11230
|
-
|
|
11610
|
+
/***/ "./src/ui/MediaViewer/index.ts":
|
|
11611
|
+
/*!*************************************!*\
|
|
11612
|
+
!*** ./src/ui/MediaViewer/index.ts ***!
|
|
11613
|
+
\*************************************/
|
|
11231
11614
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11232
11615
|
|
|
11233
11616
|
"use strict";
|
|
11234
11617
|
__webpack_require__.r(__webpack_exports__);
|
|
11235
11618
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11236
|
-
/* harmony export */
|
|
11619
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.MediaViewer)
|
|
11237
11620
|
/* harmony export */ });
|
|
11238
|
-
/* harmony import */ var
|
|
11621
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/MediaViewer/ui/index.ts");
|
|
11622
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/MediaViewer/types/index.ts");
|
|
11623
|
+
|
|
11239
11624
|
|
|
11240
11625
|
|
|
11241
11626
|
|
|
11242
11627
|
/***/ }),
|
|
11243
11628
|
|
|
11244
|
-
/***/ "./src/ui/
|
|
11245
|
-
|
|
11246
|
-
!*** ./src/ui/
|
|
11247
|
-
|
|
11629
|
+
/***/ "./src/ui/MediaViewer/styles/components/index.ts":
|
|
11630
|
+
/*!*******************************************************!*\
|
|
11631
|
+
!*** ./src/ui/MediaViewer/styles/components/index.ts ***!
|
|
11632
|
+
\*******************************************************/
|
|
11248
11633
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11249
11634
|
|
|
11250
11635
|
"use strict";
|
|
11251
11636
|
__webpack_require__.r(__webpack_exports__);
|
|
11252
11637
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11253
|
-
/* harmony export */
|
|
11638
|
+
/* harmony export */ ControlBarStyle: () => (/* reexport safe */ _ControlBar_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
11639
|
+
/* harmony export */ ImageViewerStyle: () => (/* reexport safe */ _ImageViewer_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"]),
|
|
11640
|
+
/* harmony export */ VideoProgressBarStyle: () => (/* reexport safe */ _VideoProgressBar_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
11641
|
+
/* harmony export */ VideoViewerStyle: () => (/* reexport safe */ _VideoViewer_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"])
|
|
11254
11642
|
/* harmony export */ });
|
|
11255
|
-
/* harmony import */ var
|
|
11256
|
-
/* harmony import */ var
|
|
11257
|
-
/* harmony import */ var
|
|
11643
|
+
/* harmony import */ var _ControlBar_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ControlBar.module.scss */ "./src/ui/MediaViewer/styles/components/ControlBar.module.scss");
|
|
11644
|
+
/* harmony import */ var _VideoProgressBar_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VideoProgressBar.module.scss */ "./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss");
|
|
11645
|
+
/* harmony import */ var _VideoViewer_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VideoViewer.module.scss */ "./src/ui/MediaViewer/styles/components/VideoViewer.module.scss");
|
|
11646
|
+
/* harmony import */ var _ImageViewer_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ImageViewer.module.scss */ "./src/ui/MediaViewer/styles/components/ImageViewer.module.scss");
|
|
11647
|
+
|
|
11648
|
+
|
|
11258
11649
|
|
|
11259
11650
|
|
|
11260
|
-
function ModalWindowWrapper({ children, isShow = false, setIsShow, additionElements = [], onClose, className, style, }) {
|
|
11261
|
-
const modalWindowRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
11262
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
11263
|
-
const handleMouseDown = (e) => {
|
|
11264
|
-
if (!isShow)
|
|
11265
|
-
return;
|
|
11266
|
-
const target = e.target;
|
|
11267
|
-
if (target !== modalWindowRef.current &&
|
|
11268
|
-
!modalWindowRef.current?.contains(target) &&
|
|
11269
|
-
!additionElements.filter(item => item !== null).find(item => {
|
|
11270
|
-
return item === target || item?.contains(target);
|
|
11271
|
-
})) {
|
|
11272
|
-
onClose && onClose();
|
|
11273
|
-
setIsShow(false);
|
|
11274
|
-
}
|
|
11275
|
-
};
|
|
11276
|
-
document.addEventListener('mousedown', handleMouseDown);
|
|
11277
|
-
return () => {
|
|
11278
|
-
document.removeEventListener('mousedown', handleMouseDown);
|
|
11279
|
-
};
|
|
11280
|
-
}, [additionElements]);
|
|
11281
|
-
return isShow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: modalWindowRef, style: style, className: className, children: children }));
|
|
11282
|
-
}
|
|
11283
11651
|
|
|
11284
11652
|
|
|
11285
11653
|
/***/ }),
|
|
11286
11654
|
|
|
11287
|
-
/***/ "./src/ui/
|
|
11288
|
-
|
|
11289
|
-
!*** ./src/ui/
|
|
11290
|
-
|
|
11655
|
+
/***/ "./src/ui/MediaViewer/styles/index.ts":
|
|
11656
|
+
/*!********************************************!*\
|
|
11657
|
+
!*** ./src/ui/MediaViewer/styles/index.ts ***!
|
|
11658
|
+
\********************************************/
|
|
11291
11659
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11292
11660
|
|
|
11293
11661
|
"use strict";
|
|
11294
11662
|
__webpack_require__.r(__webpack_exports__);
|
|
11295
11663
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11296
|
-
/* harmony export */
|
|
11297
|
-
/* harmony export */
|
|
11664
|
+
/* harmony export */ ControlBarStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ControlBarStyle),
|
|
11665
|
+
/* harmony export */ ImageViewerStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ImageViewerStyle),
|
|
11666
|
+
/* harmony export */ MediaViewerStyle: () => (/* reexport safe */ _MediaViewer_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
11667
|
+
/* harmony export */ VideoProgressBarStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.VideoProgressBarStyle),
|
|
11668
|
+
/* harmony export */ VideoViewerStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.VideoViewerStyle)
|
|
11298
11669
|
/* harmony export */ });
|
|
11299
|
-
/* harmony import */ var
|
|
11300
|
-
/* harmony import */ var
|
|
11670
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./src/ui/MediaViewer/styles/components/index.ts");
|
|
11671
|
+
/* harmony import */ var _MediaViewer_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MediaViewer.module.scss */ "./src/ui/MediaViewer/styles/MediaViewer.module.scss");
|
|
11301
11672
|
|
|
11302
11673
|
|
|
11303
11674
|
|
|
11304
11675
|
|
|
11305
11676
|
/***/ }),
|
|
11306
11677
|
|
|
11307
|
-
/***/ "./src/ui/
|
|
11308
|
-
|
|
11309
|
-
!*** ./src/ui/
|
|
11310
|
-
|
|
11678
|
+
/***/ "./src/ui/MediaViewer/types/MediaViewerTypes.ts":
|
|
11679
|
+
/*!******************************************************!*\
|
|
11680
|
+
!*** ./src/ui/MediaViewer/types/MediaViewerTypes.ts ***!
|
|
11681
|
+
\******************************************************/
|
|
11311
11682
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11312
11683
|
|
|
11313
11684
|
"use strict";
|
|
11314
11685
|
__webpack_require__.r(__webpack_exports__);
|
|
11315
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11316
|
-
/* harmony export */ PageSwitcherStyle: () => (/* reexport safe */ _PageSwitcher_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
11317
|
-
/* harmony export */ PaginationBarStyle: () => (/* reexport safe */ _PaginationBar_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
11318
|
-
/* harmony export */ });
|
|
11319
|
-
/* harmony import */ var _PageSwitcher_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PageSwitcher.module.scss */ "./src/ui/PaginationBar/styles/PageSwitcher.module.scss");
|
|
11320
|
-
/* harmony import */ var _PaginationBar_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PaginationBar.module.scss */ "./src/ui/PaginationBar/styles/PaginationBar.module.scss");
|
|
11321
|
-
|
|
11322
11686
|
|
|
11323
11687
|
|
|
11324
11688
|
|
|
11325
11689
|
/***/ }),
|
|
11326
11690
|
|
|
11327
|
-
/***/ "./src/ui/
|
|
11328
|
-
|
|
11329
|
-
!*** ./src/ui/
|
|
11330
|
-
|
|
11691
|
+
/***/ "./src/ui/MediaViewer/types/components/ControlBarTypes.ts":
|
|
11692
|
+
/*!****************************************************************!*\
|
|
11693
|
+
!*** ./src/ui/MediaViewer/types/components/ControlBarTypes.ts ***!
|
|
11694
|
+
\****************************************************************/
|
|
11331
11695
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11332
11696
|
|
|
11333
11697
|
"use strict";
|
|
@@ -11337,10 +11701,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11337
11701
|
|
|
11338
11702
|
/***/ }),
|
|
11339
11703
|
|
|
11340
|
-
/***/ "./src/ui/
|
|
11341
|
-
|
|
11342
|
-
!*** ./src/ui/
|
|
11343
|
-
|
|
11704
|
+
/***/ "./src/ui/MediaViewer/types/components/ImageViewerTypes.ts":
|
|
11705
|
+
/*!*****************************************************************!*\
|
|
11706
|
+
!*** ./src/ui/MediaViewer/types/components/ImageViewerTypes.ts ***!
|
|
11707
|
+
\*****************************************************************/
|
|
11344
11708
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11345
11709
|
|
|
11346
11710
|
"use strict";
|
|
@@ -11350,23 +11714,641 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11350
11714
|
|
|
11351
11715
|
/***/ }),
|
|
11352
11716
|
|
|
11353
|
-
/***/ "./src/ui/
|
|
11354
|
-
|
|
11355
|
-
!*** ./src/ui/
|
|
11356
|
-
|
|
11717
|
+
/***/ "./src/ui/MediaViewer/types/components/ProgressBarTypes.ts":
|
|
11718
|
+
/*!*****************************************************************!*\
|
|
11719
|
+
!*** ./src/ui/MediaViewer/types/components/ProgressBarTypes.ts ***!
|
|
11720
|
+
\*****************************************************************/
|
|
11357
11721
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11358
11722
|
|
|
11359
11723
|
"use strict";
|
|
11360
11724
|
__webpack_require__.r(__webpack_exports__);
|
|
11361
|
-
/* harmony import */ var _PaginationBarTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PaginationBarTypes */ "./src/ui/PaginationBar/types/PaginationBarTypes.ts");
|
|
11362
|
-
/* harmony import */ var _PageSwitcherTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PageSwitcherTypes */ "./src/ui/PaginationBar/types/PageSwitcherTypes.ts");
|
|
11363
|
-
|
|
11364
11725
|
|
|
11365
11726
|
|
|
11366
11727
|
|
|
11367
11728
|
/***/ }),
|
|
11368
11729
|
|
|
11369
|
-
/***/ "./src/ui/
|
|
11730
|
+
/***/ "./src/ui/MediaViewer/types/components/VideoViewerTypes.ts":
|
|
11731
|
+
/*!*****************************************************************!*\
|
|
11732
|
+
!*** ./src/ui/MediaViewer/types/components/VideoViewerTypes.ts ***!
|
|
11733
|
+
\*****************************************************************/
|
|
11734
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11735
|
+
|
|
11736
|
+
"use strict";
|
|
11737
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11738
|
+
|
|
11739
|
+
|
|
11740
|
+
|
|
11741
|
+
/***/ }),
|
|
11742
|
+
|
|
11743
|
+
/***/ "./src/ui/MediaViewer/types/components/index.ts":
|
|
11744
|
+
/*!******************************************************!*\
|
|
11745
|
+
!*** ./src/ui/MediaViewer/types/components/index.ts ***!
|
|
11746
|
+
\******************************************************/
|
|
11747
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11748
|
+
|
|
11749
|
+
"use strict";
|
|
11750
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11751
|
+
/* harmony import */ var _VideoViewerTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoViewerTypes */ "./src/ui/MediaViewer/types/components/VideoViewerTypes.ts");
|
|
11752
|
+
/* harmony import */ var _ImageViewerTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageViewerTypes */ "./src/ui/MediaViewer/types/components/ImageViewerTypes.ts");
|
|
11753
|
+
/* harmony import */ var _ControlBarTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ControlBarTypes */ "./src/ui/MediaViewer/types/components/ControlBarTypes.ts");
|
|
11754
|
+
/* harmony import */ var _ProgressBarTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ProgressBarTypes */ "./src/ui/MediaViewer/types/components/ProgressBarTypes.ts");
|
|
11755
|
+
|
|
11756
|
+
|
|
11757
|
+
|
|
11758
|
+
|
|
11759
|
+
|
|
11760
|
+
|
|
11761
|
+
/***/ }),
|
|
11762
|
+
|
|
11763
|
+
/***/ "./src/ui/MediaViewer/types/index.ts":
|
|
11764
|
+
/*!*******************************************!*\
|
|
11765
|
+
!*** ./src/ui/MediaViewer/types/index.ts ***!
|
|
11766
|
+
\*******************************************/
|
|
11767
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11768
|
+
|
|
11769
|
+
"use strict";
|
|
11770
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11771
|
+
/* harmony import */ var _MediaViewerTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MediaViewerTypes */ "./src/ui/MediaViewer/types/MediaViewerTypes.ts");
|
|
11772
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "./src/ui/MediaViewer/types/components/index.ts");
|
|
11773
|
+
|
|
11774
|
+
|
|
11775
|
+
|
|
11776
|
+
|
|
11777
|
+
/***/ }),
|
|
11778
|
+
|
|
11779
|
+
/***/ "./src/ui/MediaViewer/ui/MediaViewer.tsx":
|
|
11780
|
+
/*!***********************************************!*\
|
|
11781
|
+
!*** ./src/ui/MediaViewer/ui/MediaViewer.tsx ***!
|
|
11782
|
+
\***********************************************/
|
|
11783
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11784
|
+
|
|
11785
|
+
"use strict";
|
|
11786
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11787
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11788
|
+
/* harmony export */ MediaViewer: () => (/* binding */ MediaViewer)
|
|
11789
|
+
/* harmony export */ });
|
|
11790
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11791
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
11792
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
11793
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ "./src/ui/MediaViewer/ui/components/index.ts");
|
|
11794
|
+
/* harmony import */ var _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui/MediaViewer/styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11795
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
|
|
11796
|
+
|
|
11797
|
+
|
|
11798
|
+
|
|
11799
|
+
|
|
11800
|
+
|
|
11801
|
+
function MediaViewer({ media = [], initMediaIndex }) {
|
|
11802
|
+
const [curMediaIndex, setCurMediaIndex] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(initMediaIndex && media.length < initMediaIndex ? initMediaIndex : 0);
|
|
11803
|
+
const [muted, setMuted] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
11804
|
+
const [play, setPlay] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
11805
|
+
const resetVideo = () => {
|
|
11806
|
+
setMuted(false);
|
|
11807
|
+
setPlay(false);
|
|
11808
|
+
};
|
|
11809
|
+
const next = () => {
|
|
11810
|
+
setCurMediaIndex(prevState => prevState < media.length - 1 ? prevState + 1 : media.length - 1);
|
|
11811
|
+
resetVideo();
|
|
11812
|
+
};
|
|
11813
|
+
const prev = () => {
|
|
11814
|
+
setCurMediaIndex(prevState => prevState > 0 ? prevState - 1 : 0);
|
|
11815
|
+
resetVideo();
|
|
11816
|
+
};
|
|
11817
|
+
const mute = () => {
|
|
11818
|
+
setMuted(prevState => !prevState);
|
|
11819
|
+
};
|
|
11820
|
+
const _play = () => {
|
|
11821
|
+
setPlay(prevState => !prevState);
|
|
11822
|
+
};
|
|
11823
|
+
const getContent = (item, idx) => {
|
|
11824
|
+
if (item == null || idx > curMediaIndex + 1 || idx < curMediaIndex - 1)
|
|
11825
|
+
return undefined;
|
|
11826
|
+
switch (item.type) {
|
|
11827
|
+
case 'video':
|
|
11828
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.VideoViewer, { src: item.src, muted: curMediaIndex === idx ? muted : undefined, play: curMediaIndex === idx ? play : undefined, onChangePlay: curMediaIndex === idx ? (play) => setPlay(play) : undefined }, item.src);
|
|
11829
|
+
case 'image':
|
|
11830
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.ImageViewer, { src: item.src }, item.src);
|
|
11831
|
+
default:
|
|
11832
|
+
return undefined;
|
|
11833
|
+
}
|
|
11834
|
+
};
|
|
11835
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__.MediaViewerStyle.MediaViewer, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.Carousel, { activeIndex: curMediaIndex, setActiveIndex: setCurMediaIndex, children: media.map((item, idx) => (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__.MediaViewerStyle.content, children: getContent(item, idx) })) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__.MediaViewerStyle.control, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.ControlBar, { muted: muted, play: play, onPlay: media[curMediaIndex]?.type === 'video' ? _play : undefined, onMute: media[curMediaIndex]?.type === 'video' ? mute : undefined, onNext: next, onPrev: prev }) })] }));
|
|
11836
|
+
}
|
|
11837
|
+
|
|
11838
|
+
|
|
11839
|
+
/***/ }),
|
|
11840
|
+
|
|
11841
|
+
/***/ "./src/ui/MediaViewer/ui/components/ControlBar.tsx":
|
|
11842
|
+
/*!*********************************************************!*\
|
|
11843
|
+
!*** ./src/ui/MediaViewer/ui/components/ControlBar.tsx ***!
|
|
11844
|
+
\*********************************************************/
|
|
11845
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11846
|
+
|
|
11847
|
+
"use strict";
|
|
11848
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11849
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11850
|
+
/* harmony export */ ControlBar: () => (/* binding */ ControlBar)
|
|
11851
|
+
/* harmony export */ });
|
|
11852
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11853
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
|
|
11854
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
|
|
11855
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11856
|
+
|
|
11857
|
+
|
|
11858
|
+
|
|
11859
|
+
|
|
11860
|
+
function ControlBar({ play, muted, onMute, onPlay, onClose, onPrev, onNext }) {
|
|
11861
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.ControlBarStyle.controlBar, children: [onMute != null && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: muted ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.VolumeXSVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.VolumeMaxSVG, {}), size: 'small', hierarchy: 'secondary-gray', width: 'hug', onClick: onMute }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.ChevronLeftSVG, {}), size: 'large', hierarchy: 'secondary-gray', width: 'hug', onClick: onPrev }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.XCloseSVG, {}), size: 'ultra', hierarchy: 'secondary-gray', width: 'hug', onClick: onClose }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.ChevronRightSVG, {}), size: 'large', hierarchy: 'secondary-gray', width: 'hug', onClick: onNext }), onPlay != null && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: play ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.PauseCircleSVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.PlaySVG, {}), size: 'small', hierarchy: 'secondary-gray', width: 'hug', onClick: onPlay })] }));
|
|
11862
|
+
}
|
|
11863
|
+
|
|
11864
|
+
|
|
11865
|
+
/***/ }),
|
|
11866
|
+
|
|
11867
|
+
/***/ "./src/ui/MediaViewer/ui/components/ImageViewer.tsx":
|
|
11868
|
+
/*!**********************************************************!*\
|
|
11869
|
+
!*** ./src/ui/MediaViewer/ui/components/ImageViewer.tsx ***!
|
|
11870
|
+
\**********************************************************/
|
|
11871
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11872
|
+
|
|
11873
|
+
"use strict";
|
|
11874
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11875
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11876
|
+
/* harmony export */ ImageViewer: () => (/* binding */ ImageViewer)
|
|
11877
|
+
/* harmony export */ });
|
|
11878
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11879
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11880
|
+
|
|
11881
|
+
|
|
11882
|
+
function ImageViewer({ src }) {
|
|
11883
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: src, alt: "", className: _styles__WEBPACK_IMPORTED_MODULE_1__.ImageViewerStyle.ImageViewer });
|
|
11884
|
+
}
|
|
11885
|
+
|
|
11886
|
+
|
|
11887
|
+
/***/ }),
|
|
11888
|
+
|
|
11889
|
+
/***/ "./src/ui/MediaViewer/ui/components/VideoProgressBar.tsx":
|
|
11890
|
+
/*!***************************************************************!*\
|
|
11891
|
+
!*** ./src/ui/MediaViewer/ui/components/VideoProgressBar.tsx ***!
|
|
11892
|
+
\***************************************************************/
|
|
11893
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11894
|
+
|
|
11895
|
+
"use strict";
|
|
11896
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11897
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11898
|
+
/* harmony export */ VideoProgressBar: () => (/* binding */ VideoProgressBar)
|
|
11899
|
+
/* harmony export */ });
|
|
11900
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11901
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
11902
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
11903
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11904
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
11905
|
+
|
|
11906
|
+
|
|
11907
|
+
|
|
11908
|
+
|
|
11909
|
+
function VideoProgressBar({ progress, onChangeProgress, onStartDrag, onEndDrag }) {
|
|
11910
|
+
const [isDragging, setIsDragging] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
11911
|
+
const progressBarRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
11912
|
+
const calculateNewProgress = (clientX) => {
|
|
11913
|
+
const progressBar = progressBarRef.current;
|
|
11914
|
+
if (!progressBar)
|
|
11915
|
+
return 0;
|
|
11916
|
+
const rect = progressBar.getBoundingClientRect();
|
|
11917
|
+
const position = (clientX - rect.left) / rect.width;
|
|
11918
|
+
return Math.max(0, Math.min(position, 1)) * 100;
|
|
11919
|
+
};
|
|
11920
|
+
const handleMouseDown = (e) => {
|
|
11921
|
+
onStartDrag?.();
|
|
11922
|
+
setIsDragging(true);
|
|
11923
|
+
onChangeProgress(calculateNewProgress(e.clientX));
|
|
11924
|
+
};
|
|
11925
|
+
const handleMouseMove = (e) => {
|
|
11926
|
+
if (isDragging) {
|
|
11927
|
+
onChangeProgress(calculateNewProgress(e.clientX));
|
|
11928
|
+
}
|
|
11929
|
+
};
|
|
11930
|
+
const handleMouseUp = () => {
|
|
11931
|
+
onEndDrag?.();
|
|
11932
|
+
setIsDragging(false);
|
|
11933
|
+
};
|
|
11934
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: progressBarRef, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBarStyle.videoProgressBar, { [_styles__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBarStyle.dragging]: isDragging }), role: "slider", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBarStyle.progressBar, style: { width: `${progress}%` } }) }));
|
|
11935
|
+
}
|
|
11936
|
+
|
|
11937
|
+
|
|
11938
|
+
/***/ }),
|
|
11939
|
+
|
|
11940
|
+
/***/ "./src/ui/MediaViewer/ui/components/VideoViewer.tsx":
|
|
11941
|
+
/*!**********************************************************!*\
|
|
11942
|
+
!*** ./src/ui/MediaViewer/ui/components/VideoViewer.tsx ***!
|
|
11943
|
+
\**********************************************************/
|
|
11944
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11945
|
+
|
|
11946
|
+
"use strict";
|
|
11947
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11948
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11949
|
+
/* harmony export */ VideoViewer: () => (/* binding */ VideoViewer)
|
|
11950
|
+
/* harmony export */ });
|
|
11951
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11952
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
11953
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
11954
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
|
|
11955
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11956
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components */ "./src/ui/MediaViewer/ui/components/index.ts");
|
|
11957
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
11958
|
+
/* harmony import */ var _ui_PlayButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/ui/PlayButton */ "./src/ui/PlayButton/index.ts");
|
|
11959
|
+
|
|
11960
|
+
|
|
11961
|
+
|
|
11962
|
+
|
|
11963
|
+
|
|
11964
|
+
|
|
11965
|
+
|
|
11966
|
+
function VideoViewer({ play, muted, src, onChangePlay }) {
|
|
11967
|
+
const [curTime, setCurTime] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
11968
|
+
const [progress, setProgress] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
11969
|
+
const [duration, setDuration] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
11970
|
+
const [isSeeking, setIsSeeking] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
11971
|
+
const [isLoading, setIsLoading] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true);
|
|
11972
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
11973
|
+
if (duration && !isSeeking) {
|
|
11974
|
+
const percent = curTime / duration * 100;
|
|
11975
|
+
setProgress(percent);
|
|
11976
|
+
}
|
|
11977
|
+
}, [curTime]);
|
|
11978
|
+
const onStartSeeking = () => {
|
|
11979
|
+
setIsSeeking(true);
|
|
11980
|
+
};
|
|
11981
|
+
const onEndSeeking = () => {
|
|
11982
|
+
const newTime = progress / 100 * duration;
|
|
11983
|
+
setCurTime(newTime);
|
|
11984
|
+
setIsSeeking(false);
|
|
11985
|
+
};
|
|
11986
|
+
const onSeek = (newPercent) => {
|
|
11987
|
+
setProgress(newPercent);
|
|
11988
|
+
};
|
|
11989
|
+
const formatTime = (seconds) => {
|
|
11990
|
+
const hours = Math.floor(seconds / 3600);
|
|
11991
|
+
const minutes = Math.floor((seconds % 3600) / 60);
|
|
11992
|
+
const secs = Math.floor(seconds % 60);
|
|
11993
|
+
const formattedHours = hours.toString().padStart(2, "0");
|
|
11994
|
+
const formattedMinutes = minutes.toString().padStart(2, "0");
|
|
11995
|
+
const formattedSeconds = secs.toString().padStart(2, "0");
|
|
11996
|
+
if (hours > 0) {
|
|
11997
|
+
return `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;
|
|
11998
|
+
}
|
|
11999
|
+
else {
|
|
12000
|
+
return `${formattedMinutes}:${formattedSeconds}`;
|
|
12001
|
+
}
|
|
12002
|
+
};
|
|
12003
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.VideoViewer, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_5__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.playButton, { [_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.show]: !play }), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui_PlayButton__WEBPACK_IMPORTED_MODULE_6__.PlayButton, { size: 'large', type: 'play', color: 'dark', onClick: () => onChangePlay(true) }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.timer, children: curTime != null ? formatTime(curTime) : undefined }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.LoadingIndicator, { style: 'line-simple', size: 'large', width: 'fill', height: 'fill', additionStyles: (0,clsx__WEBPACK_IMPORTED_MODULE_5__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.loader, { [_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.hide]: !isLoading }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.VideoPlayerBase, { src: src, play: play, muted: muted, onChangePlay: onChangePlay, time: curTime, onChangeTime: setCurTime, onChangeDuration: setDuration, onCanPlay: () => setIsLoading(false), onWaiting: () => setIsLoading(true), lazyLoad: false, className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.content }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.progressBar, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_4__.VideoProgressBar, { onChangeProgress: onSeek, progress: progress, onStartDrag: onStartSeeking, onEndDrag: onEndSeeking }) })] }));
|
|
12004
|
+
}
|
|
12005
|
+
|
|
12006
|
+
|
|
12007
|
+
/***/ }),
|
|
12008
|
+
|
|
12009
|
+
/***/ "./src/ui/MediaViewer/ui/components/index.ts":
|
|
12010
|
+
/*!***************************************************!*\
|
|
12011
|
+
!*** ./src/ui/MediaViewer/ui/components/index.ts ***!
|
|
12012
|
+
\***************************************************/
|
|
12013
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12014
|
+
|
|
12015
|
+
"use strict";
|
|
12016
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12017
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12018
|
+
/* harmony export */ ControlBar: () => (/* reexport safe */ _ControlBar__WEBPACK_IMPORTED_MODULE_3__.ControlBar),
|
|
12019
|
+
/* harmony export */ ImageViewer: () => (/* reexport safe */ _ImageViewer__WEBPACK_IMPORTED_MODULE_1__.ImageViewer),
|
|
12020
|
+
/* harmony export */ VideoProgressBar: () => (/* reexport safe */ _VideoProgressBar__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBar),
|
|
12021
|
+
/* harmony export */ VideoViewer: () => (/* reexport safe */ _VideoViewer__WEBPACK_IMPORTED_MODULE_0__.VideoViewer)
|
|
12022
|
+
/* harmony export */ });
|
|
12023
|
+
/* harmony import */ var _VideoViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoViewer */ "./src/ui/MediaViewer/ui/components/VideoViewer.tsx");
|
|
12024
|
+
/* harmony import */ var _ImageViewer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageViewer */ "./src/ui/MediaViewer/ui/components/ImageViewer.tsx");
|
|
12025
|
+
/* harmony import */ var _VideoProgressBar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VideoProgressBar */ "./src/ui/MediaViewer/ui/components/VideoProgressBar.tsx");
|
|
12026
|
+
/* harmony import */ var _ControlBar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ControlBar */ "./src/ui/MediaViewer/ui/components/ControlBar.tsx");
|
|
12027
|
+
|
|
12028
|
+
|
|
12029
|
+
|
|
12030
|
+
|
|
12031
|
+
|
|
12032
|
+
|
|
12033
|
+
/***/ }),
|
|
12034
|
+
|
|
12035
|
+
/***/ "./src/ui/MediaViewer/ui/index.ts":
|
|
12036
|
+
/*!****************************************!*\
|
|
12037
|
+
!*** ./src/ui/MediaViewer/ui/index.ts ***!
|
|
12038
|
+
\****************************************/
|
|
12039
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12040
|
+
|
|
12041
|
+
"use strict";
|
|
12042
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12043
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12044
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _MediaViewer__WEBPACK_IMPORTED_MODULE_0__.MediaViewer)
|
|
12045
|
+
/* harmony export */ });
|
|
12046
|
+
/* harmony import */ var _MediaViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MediaViewer */ "./src/ui/MediaViewer/ui/MediaViewer.tsx");
|
|
12047
|
+
|
|
12048
|
+
|
|
12049
|
+
|
|
12050
|
+
/***/ }),
|
|
12051
|
+
|
|
12052
|
+
/***/ "./src/ui/MicroButton/index.ts":
|
|
12053
|
+
/*!*************************************!*\
|
|
12054
|
+
!*** ./src/ui/MicroButton/index.ts ***!
|
|
12055
|
+
\*************************************/
|
|
12056
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12057
|
+
|
|
12058
|
+
"use strict";
|
|
12059
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12060
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12061
|
+
/* harmony export */ MicroButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.MicroButton)
|
|
12062
|
+
/* harmony export */ });
|
|
12063
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/MicroButton/ui/index.ts");
|
|
12064
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/MicroButton/types/index.ts");
|
|
12065
|
+
|
|
12066
|
+
|
|
12067
|
+
|
|
12068
|
+
|
|
12069
|
+
/***/ }),
|
|
12070
|
+
|
|
12071
|
+
/***/ "./src/ui/MicroButton/styles/index.ts":
|
|
12072
|
+
/*!********************************************!*\
|
|
12073
|
+
!*** ./src/ui/MicroButton/styles/index.ts ***!
|
|
12074
|
+
\********************************************/
|
|
12075
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12076
|
+
|
|
12077
|
+
"use strict";
|
|
12078
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12079
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12080
|
+
/* harmony export */ MicroButtonStyle: () => (/* reexport safe */ _MicroButton_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
12081
|
+
/* harmony export */ });
|
|
12082
|
+
/* harmony import */ var _MicroButton_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButton.module.scss */ "./src/ui/MicroButton/styles/MicroButton.module.scss");
|
|
12083
|
+
|
|
12084
|
+
|
|
12085
|
+
|
|
12086
|
+
/***/ }),
|
|
12087
|
+
|
|
12088
|
+
/***/ "./src/ui/MicroButton/types/MicroButtonTypes.ts":
|
|
12089
|
+
/*!******************************************************!*\
|
|
12090
|
+
!*** ./src/ui/MicroButton/types/MicroButtonTypes.ts ***!
|
|
12091
|
+
\******************************************************/
|
|
12092
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12093
|
+
|
|
12094
|
+
"use strict";
|
|
12095
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12096
|
+
|
|
12097
|
+
|
|
12098
|
+
|
|
12099
|
+
/***/ }),
|
|
12100
|
+
|
|
12101
|
+
/***/ "./src/ui/MicroButton/types/index.ts":
|
|
12102
|
+
/*!*******************************************!*\
|
|
12103
|
+
!*** ./src/ui/MicroButton/types/index.ts ***!
|
|
12104
|
+
\*******************************************/
|
|
12105
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12106
|
+
|
|
12107
|
+
"use strict";
|
|
12108
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12109
|
+
/* harmony import */ var _MicroButtonTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButtonTypes */ "./src/ui/MicroButton/types/MicroButtonTypes.ts");
|
|
12110
|
+
|
|
12111
|
+
|
|
12112
|
+
|
|
12113
|
+
/***/ }),
|
|
12114
|
+
|
|
12115
|
+
/***/ "./src/ui/MicroButton/ui/MicroButton.tsx":
|
|
12116
|
+
/*!***********************************************!*\
|
|
12117
|
+
!*** ./src/ui/MicroButton/ui/MicroButton.tsx ***!
|
|
12118
|
+
\***********************************************/
|
|
12119
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12120
|
+
|
|
12121
|
+
"use strict";
|
|
12122
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12123
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12124
|
+
/* harmony export */ MicroButton: () => (/* binding */ MicroButton)
|
|
12125
|
+
/* harmony export */ });
|
|
12126
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
12127
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
12128
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
12129
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
12130
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/MicroButton/styles/index.ts");
|
|
12131
|
+
|
|
12132
|
+
|
|
12133
|
+
|
|
12134
|
+
|
|
12135
|
+
function MicroButton({ children, icon, size = '14', color = 'light', additionStyles = [], customComponent, disabled, className = _styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle, ...props }) {
|
|
12136
|
+
const getTypeClassName = () => {
|
|
12137
|
+
switch (color) {
|
|
12138
|
+
case 'light':
|
|
12139
|
+
return className?.light;
|
|
12140
|
+
case 'dark':
|
|
12141
|
+
return className?.dark;
|
|
12142
|
+
case 'color':
|
|
12143
|
+
return className?.color;
|
|
12144
|
+
case 'color-fill':
|
|
12145
|
+
return className?.colorFill;
|
|
12146
|
+
case 'color-hover':
|
|
12147
|
+
return className?.colorHover;
|
|
12148
|
+
case 'red-fill':
|
|
12149
|
+
return className?.redFill;
|
|
12150
|
+
case 'red-hover':
|
|
12151
|
+
return className?.redHover;
|
|
12152
|
+
case 'gray':
|
|
12153
|
+
return className?.gray;
|
|
12154
|
+
case 'gray-fill':
|
|
12155
|
+
return className?.grayFill;
|
|
12156
|
+
case 'blue-light':
|
|
12157
|
+
return className?.blueLight;
|
|
12158
|
+
}
|
|
12159
|
+
};
|
|
12160
|
+
const getSizeClassName = () => {
|
|
12161
|
+
switch (size) {
|
|
12162
|
+
case "14":
|
|
12163
|
+
return className?.size14;
|
|
12164
|
+
case "16":
|
|
12165
|
+
return className?.size16;
|
|
12166
|
+
case "20":
|
|
12167
|
+
return className?.size20;
|
|
12168
|
+
case "24":
|
|
12169
|
+
return className?.size24;
|
|
12170
|
+
case "28":
|
|
12171
|
+
return className?.size28;
|
|
12172
|
+
}
|
|
12173
|
+
};
|
|
12174
|
+
const getAdditionStyles = () => {
|
|
12175
|
+
if (typeof additionStyles === 'string') {
|
|
12176
|
+
return additionStyles;
|
|
12177
|
+
}
|
|
12178
|
+
return additionStyles.join(' ');
|
|
12179
|
+
};
|
|
12180
|
+
if (customComponent !== undefined) {
|
|
12181
|
+
return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
|
|
12182
|
+
children: icon || children,
|
|
12183
|
+
className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getTypeClassName(), getSizeClassName(), getAdditionStyles())
|
|
12184
|
+
});
|
|
12185
|
+
}
|
|
12186
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { ...props, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()), children: icon || children }));
|
|
12187
|
+
}
|
|
12188
|
+
|
|
12189
|
+
|
|
12190
|
+
/***/ }),
|
|
12191
|
+
|
|
12192
|
+
/***/ "./src/ui/MicroButton/ui/index.ts":
|
|
12193
|
+
/*!****************************************!*\
|
|
12194
|
+
!*** ./src/ui/MicroButton/ui/index.ts ***!
|
|
12195
|
+
\****************************************/
|
|
12196
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12197
|
+
|
|
12198
|
+
"use strict";
|
|
12199
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12200
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12201
|
+
/* harmony export */ MicroButton: () => (/* reexport safe */ _MicroButton__WEBPACK_IMPORTED_MODULE_0__.MicroButton)
|
|
12202
|
+
/* harmony export */ });
|
|
12203
|
+
/* harmony import */ var _MicroButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButton */ "./src/ui/MicroButton/ui/MicroButton.tsx");
|
|
12204
|
+
|
|
12205
|
+
|
|
12206
|
+
|
|
12207
|
+
/***/ }),
|
|
12208
|
+
|
|
12209
|
+
/***/ "./src/ui/ModalWindowWrapper/index.ts":
|
|
12210
|
+
/*!********************************************!*\
|
|
12211
|
+
!*** ./src/ui/ModalWindowWrapper/index.ts ***!
|
|
12212
|
+
\********************************************/
|
|
12213
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12214
|
+
|
|
12215
|
+
"use strict";
|
|
12216
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12217
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12218
|
+
/* harmony export */ ModalWindowWrapper: () => (/* reexport safe */ _ui_ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__.ModalWindowWrapper)
|
|
12219
|
+
/* harmony export */ });
|
|
12220
|
+
/* harmony import */ var _ui_ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui/ModalWindowWrapper */ "./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx");
|
|
12221
|
+
|
|
12222
|
+
|
|
12223
|
+
|
|
12224
|
+
/***/ }),
|
|
12225
|
+
|
|
12226
|
+
/***/ "./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx":
|
|
12227
|
+
/*!*************************************************************!*\
|
|
12228
|
+
!*** ./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx ***!
|
|
12229
|
+
\*************************************************************/
|
|
12230
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12231
|
+
|
|
12232
|
+
"use strict";
|
|
12233
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12234
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12235
|
+
/* harmony export */ ModalWindowWrapper: () => (/* binding */ ModalWindowWrapper)
|
|
12236
|
+
/* harmony export */ });
|
|
12237
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
12238
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
12239
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
12240
|
+
|
|
12241
|
+
|
|
12242
|
+
function ModalWindowWrapper({ children, isShow = false, setIsShow, additionElements = [], onClose, className, style, }) {
|
|
12243
|
+
const modalWindowRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
12244
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
12245
|
+
const handleMouseDown = (e) => {
|
|
12246
|
+
if (!isShow)
|
|
12247
|
+
return;
|
|
12248
|
+
const target = e.target;
|
|
12249
|
+
if (target !== modalWindowRef.current &&
|
|
12250
|
+
!modalWindowRef.current?.contains(target) &&
|
|
12251
|
+
!additionElements.filter(item => item !== null).find(item => {
|
|
12252
|
+
return item === target || item?.contains(target);
|
|
12253
|
+
})) {
|
|
12254
|
+
onClose && onClose();
|
|
12255
|
+
setIsShow(false);
|
|
12256
|
+
}
|
|
12257
|
+
};
|
|
12258
|
+
document.addEventListener('mousedown', handleMouseDown);
|
|
12259
|
+
return () => {
|
|
12260
|
+
document.removeEventListener('mousedown', handleMouseDown);
|
|
12261
|
+
};
|
|
12262
|
+
}, [additionElements]);
|
|
12263
|
+
return isShow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: modalWindowRef, style: style, className: className, children: children }));
|
|
12264
|
+
}
|
|
12265
|
+
|
|
12266
|
+
|
|
12267
|
+
/***/ }),
|
|
12268
|
+
|
|
12269
|
+
/***/ "./src/ui/PaginationBar/index.ts":
|
|
12270
|
+
/*!***************************************!*\
|
|
12271
|
+
!*** ./src/ui/PaginationBar/index.ts ***!
|
|
12272
|
+
\***************************************/
|
|
12273
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12274
|
+
|
|
12275
|
+
"use strict";
|
|
12276
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12277
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12278
|
+
/* harmony export */ PageSwitcher: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.PageSwitcher),
|
|
12279
|
+
/* harmony export */ PaginationBar: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.PaginationBar)
|
|
12280
|
+
/* harmony export */ });
|
|
12281
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/PaginationBar/ui/index.ts");
|
|
12282
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/PaginationBar/types/index.ts");
|
|
12283
|
+
|
|
12284
|
+
|
|
12285
|
+
|
|
12286
|
+
|
|
12287
|
+
/***/ }),
|
|
12288
|
+
|
|
12289
|
+
/***/ "./src/ui/PaginationBar/styles/index.ts":
|
|
12290
|
+
/*!**********************************************!*\
|
|
12291
|
+
!*** ./src/ui/PaginationBar/styles/index.ts ***!
|
|
12292
|
+
\**********************************************/
|
|
12293
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12294
|
+
|
|
12295
|
+
"use strict";
|
|
12296
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12297
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12298
|
+
/* harmony export */ PageSwitcherStyle: () => (/* reexport safe */ _PageSwitcher_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
12299
|
+
/* harmony export */ PaginationBarStyle: () => (/* reexport safe */ _PaginationBar_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
12300
|
+
/* harmony export */ });
|
|
12301
|
+
/* harmony import */ var _PageSwitcher_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PageSwitcher.module.scss */ "./src/ui/PaginationBar/styles/PageSwitcher.module.scss");
|
|
12302
|
+
/* harmony import */ var _PaginationBar_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PaginationBar.module.scss */ "./src/ui/PaginationBar/styles/PaginationBar.module.scss");
|
|
12303
|
+
|
|
12304
|
+
|
|
12305
|
+
|
|
12306
|
+
|
|
12307
|
+
/***/ }),
|
|
12308
|
+
|
|
12309
|
+
/***/ "./src/ui/PaginationBar/types/PageSwitcherTypes.ts":
|
|
12310
|
+
/*!*********************************************************!*\
|
|
12311
|
+
!*** ./src/ui/PaginationBar/types/PageSwitcherTypes.ts ***!
|
|
12312
|
+
\*********************************************************/
|
|
12313
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12314
|
+
|
|
12315
|
+
"use strict";
|
|
12316
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12317
|
+
|
|
12318
|
+
|
|
12319
|
+
|
|
12320
|
+
/***/ }),
|
|
12321
|
+
|
|
12322
|
+
/***/ "./src/ui/PaginationBar/types/PaginationBarTypes.ts":
|
|
12323
|
+
/*!**********************************************************!*\
|
|
12324
|
+
!*** ./src/ui/PaginationBar/types/PaginationBarTypes.ts ***!
|
|
12325
|
+
\**********************************************************/
|
|
12326
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12327
|
+
|
|
12328
|
+
"use strict";
|
|
12329
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12330
|
+
|
|
12331
|
+
|
|
12332
|
+
|
|
12333
|
+
/***/ }),
|
|
12334
|
+
|
|
12335
|
+
/***/ "./src/ui/PaginationBar/types/index.ts":
|
|
12336
|
+
/*!*********************************************!*\
|
|
12337
|
+
!*** ./src/ui/PaginationBar/types/index.ts ***!
|
|
12338
|
+
\*********************************************/
|
|
12339
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12340
|
+
|
|
12341
|
+
"use strict";
|
|
12342
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12343
|
+
/* harmony import */ var _PaginationBarTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PaginationBarTypes */ "./src/ui/PaginationBar/types/PaginationBarTypes.ts");
|
|
12344
|
+
/* harmony import */ var _PageSwitcherTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PageSwitcherTypes */ "./src/ui/PaginationBar/types/PageSwitcherTypes.ts");
|
|
12345
|
+
|
|
12346
|
+
|
|
12347
|
+
|
|
12348
|
+
|
|
12349
|
+
/***/ }),
|
|
12350
|
+
|
|
12351
|
+
/***/ "./src/ui/PaginationBar/ui/PageSwitcher.tsx":
|
|
11370
12352
|
/*!**************************************************!*\
|
|
11371
12353
|
!*** ./src/ui/PaginationBar/ui/PageSwitcher.tsx ***!
|
|
11372
12354
|
\**************************************************/
|
|
@@ -11475,6 +12457,142 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11475
12457
|
|
|
11476
12458
|
|
|
11477
12459
|
|
|
12460
|
+
/***/ }),
|
|
12461
|
+
|
|
12462
|
+
/***/ "./src/ui/PlayButton/assets/index.ts":
|
|
12463
|
+
/*!*******************************************!*\
|
|
12464
|
+
!*** ./src/ui/PlayButton/assets/index.ts ***!
|
|
12465
|
+
\*******************************************/
|
|
12466
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12467
|
+
|
|
12468
|
+
"use strict";
|
|
12469
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12470
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12471
|
+
/* harmony export */ PlaySVG: () => (/* reexport safe */ _play_svg__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
12472
|
+
/* harmony export */ StopSVG: () => (/* reexport safe */ _stop_svg__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
12473
|
+
/* harmony export */ });
|
|
12474
|
+
/* harmony import */ var _stop_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stop.svg */ "./src/ui/PlayButton/assets/stop.svg");
|
|
12475
|
+
/* harmony import */ var _play_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./play.svg */ "./src/ui/PlayButton/assets/play.svg");
|
|
12476
|
+
|
|
12477
|
+
|
|
12478
|
+
|
|
12479
|
+
|
|
12480
|
+
/***/ }),
|
|
12481
|
+
|
|
12482
|
+
/***/ "./src/ui/PlayButton/index.ts":
|
|
12483
|
+
/*!************************************!*\
|
|
12484
|
+
!*** ./src/ui/PlayButton/index.ts ***!
|
|
12485
|
+
\************************************/
|
|
12486
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12487
|
+
|
|
12488
|
+
"use strict";
|
|
12489
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12490
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12491
|
+
/* harmony export */ PlayButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.PlayButton),
|
|
12492
|
+
/* harmony export */ PlaySVG: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_2__.PlaySVG),
|
|
12493
|
+
/* harmony export */ StopSVG: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_2__.StopSVG)
|
|
12494
|
+
/* harmony export */ });
|
|
12495
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/PlayButton/ui/index.ts");
|
|
12496
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/PlayButton/types/index.ts");
|
|
12497
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./assets */ "./src/ui/PlayButton/assets/index.ts");
|
|
12498
|
+
|
|
12499
|
+
|
|
12500
|
+
|
|
12501
|
+
|
|
12502
|
+
|
|
12503
|
+
/***/ }),
|
|
12504
|
+
|
|
12505
|
+
/***/ "./src/ui/PlayButton/styles/index.ts":
|
|
12506
|
+
/*!*******************************************!*\
|
|
12507
|
+
!*** ./src/ui/PlayButton/styles/index.ts ***!
|
|
12508
|
+
\*******************************************/
|
|
12509
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12510
|
+
|
|
12511
|
+
"use strict";
|
|
12512
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12513
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12514
|
+
/* harmony export */ PlayButtonStyle: () => (/* reexport safe */ _PlayButton_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
12515
|
+
/* harmony export */ });
|
|
12516
|
+
/* harmony import */ var _PlayButton_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlayButton.module.scss */ "./src/ui/PlayButton/styles/PlayButton.module.scss");
|
|
12517
|
+
|
|
12518
|
+
|
|
12519
|
+
|
|
12520
|
+
/***/ }),
|
|
12521
|
+
|
|
12522
|
+
/***/ "./src/ui/PlayButton/types/PlayButtonTypes.ts":
|
|
12523
|
+
/*!****************************************************!*\
|
|
12524
|
+
!*** ./src/ui/PlayButton/types/PlayButtonTypes.ts ***!
|
|
12525
|
+
\****************************************************/
|
|
12526
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12527
|
+
|
|
12528
|
+
"use strict";
|
|
12529
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12530
|
+
|
|
12531
|
+
|
|
12532
|
+
|
|
12533
|
+
/***/ }),
|
|
12534
|
+
|
|
12535
|
+
/***/ "./src/ui/PlayButton/types/index.ts":
|
|
12536
|
+
/*!******************************************!*\
|
|
12537
|
+
!*** ./src/ui/PlayButton/types/index.ts ***!
|
|
12538
|
+
\******************************************/
|
|
12539
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12540
|
+
|
|
12541
|
+
"use strict";
|
|
12542
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12543
|
+
/* harmony import */ var _PlayButtonTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlayButtonTypes */ "./src/ui/PlayButton/types/PlayButtonTypes.ts");
|
|
12544
|
+
|
|
12545
|
+
|
|
12546
|
+
|
|
12547
|
+
/***/ }),
|
|
12548
|
+
|
|
12549
|
+
/***/ "./src/ui/PlayButton/ui/PlayButton.tsx":
|
|
12550
|
+
/*!*********************************************!*\
|
|
12551
|
+
!*** ./src/ui/PlayButton/ui/PlayButton.tsx ***!
|
|
12552
|
+
\*********************************************/
|
|
12553
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12554
|
+
|
|
12555
|
+
"use strict";
|
|
12556
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12557
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12558
|
+
/* harmony export */ PlayButton: () => (/* binding */ PlayButton)
|
|
12559
|
+
/* harmony export */ });
|
|
12560
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
12561
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
12562
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../assets */ "./src/ui/PlayButton/assets/index.ts");
|
|
12563
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/PlayButton/styles/index.ts");
|
|
12564
|
+
|
|
12565
|
+
|
|
12566
|
+
|
|
12567
|
+
|
|
12568
|
+
function PlayButton({ color = 'light', type = 'play', size = 'default', ...props }) {
|
|
12569
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { ...props, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.PlayButton, {
|
|
12570
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.light]: color === 'light',
|
|
12571
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.dark]: color === 'dark',
|
|
12572
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.large]: size === 'large',
|
|
12573
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.default]: size === 'default',
|
|
12574
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.stop]: type === 'stop',
|
|
12575
|
+
}), children: type === 'play' ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.PlaySVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.StopSVG, {}) }));
|
|
12576
|
+
}
|
|
12577
|
+
|
|
12578
|
+
|
|
12579
|
+
/***/ }),
|
|
12580
|
+
|
|
12581
|
+
/***/ "./src/ui/PlayButton/ui/index.ts":
|
|
12582
|
+
/*!***************************************!*\
|
|
12583
|
+
!*** ./src/ui/PlayButton/ui/index.ts ***!
|
|
12584
|
+
\***************************************/
|
|
12585
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12586
|
+
|
|
12587
|
+
"use strict";
|
|
12588
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12589
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12590
|
+
/* harmony export */ PlayButton: () => (/* reexport safe */ _PlayButton__WEBPACK_IMPORTED_MODULE_0__.PlayButton)
|
|
12591
|
+
/* harmony export */ });
|
|
12592
|
+
/* harmony import */ var _PlayButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlayButton */ "./src/ui/PlayButton/ui/PlayButton.tsx");
|
|
12593
|
+
|
|
12594
|
+
|
|
12595
|
+
|
|
11478
12596
|
/***/ }),
|
|
11479
12597
|
|
|
11480
12598
|
/***/ "./src/ui/ScrollProvider/index.ts":
|
|
@@ -12659,6 +13777,186 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12659
13777
|
|
|
12660
13778
|
|
|
12661
13779
|
|
|
13780
|
+
/***/ }),
|
|
13781
|
+
|
|
13782
|
+
/***/ "./src/ui/VideoPlayerBase/index.ts":
|
|
13783
|
+
/*!*****************************************!*\
|
|
13784
|
+
!*** ./src/ui/VideoPlayerBase/index.ts ***!
|
|
13785
|
+
\*****************************************/
|
|
13786
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13787
|
+
|
|
13788
|
+
"use strict";
|
|
13789
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13790
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13791
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.VideoPlayerBase)
|
|
13792
|
+
/* harmony export */ });
|
|
13793
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/VideoPlayerBase/ui/index.ts");
|
|
13794
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/VideoPlayerBase/types/index.ts");
|
|
13795
|
+
|
|
13796
|
+
|
|
13797
|
+
|
|
13798
|
+
|
|
13799
|
+
/***/ }),
|
|
13800
|
+
|
|
13801
|
+
/***/ "./src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.ts":
|
|
13802
|
+
/*!**************************************************************!*\
|
|
13803
|
+
!*** ./src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.ts ***!
|
|
13804
|
+
\**************************************************************/
|
|
13805
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13806
|
+
|
|
13807
|
+
"use strict";
|
|
13808
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13809
|
+
|
|
13810
|
+
|
|
13811
|
+
|
|
13812
|
+
/***/ }),
|
|
13813
|
+
|
|
13814
|
+
/***/ "./src/ui/VideoPlayerBase/types/index.ts":
|
|
13815
|
+
/*!***********************************************!*\
|
|
13816
|
+
!*** ./src/ui/VideoPlayerBase/types/index.ts ***!
|
|
13817
|
+
\***********************************************/
|
|
13818
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13819
|
+
|
|
13820
|
+
"use strict";
|
|
13821
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13822
|
+
/* harmony import */ var _VideoPlayerBaseTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoPlayerBaseTypes */ "./src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.ts");
|
|
13823
|
+
|
|
13824
|
+
|
|
13825
|
+
|
|
13826
|
+
/***/ }),
|
|
13827
|
+
|
|
13828
|
+
/***/ "./src/ui/VideoPlayerBase/ui/VideoPlayerBase.tsx":
|
|
13829
|
+
/*!*******************************************************!*\
|
|
13830
|
+
!*** ./src/ui/VideoPlayerBase/ui/VideoPlayerBase.tsx ***!
|
|
13831
|
+
\*******************************************************/
|
|
13832
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13833
|
+
|
|
13834
|
+
"use strict";
|
|
13835
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13836
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13837
|
+
/* harmony export */ VideoPlayerBase: () => (/* binding */ VideoPlayerBase)
|
|
13838
|
+
/* harmony export */ });
|
|
13839
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
13840
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
13841
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
13842
|
+
|
|
13843
|
+
|
|
13844
|
+
const SEEK_ACCURACY = 0.3;
|
|
13845
|
+
function VideoPlayerBase({ src, browserControl = false, muted = false, onChangeDuration, onChangeTime, onChangeVolume, onChangePlay, onCanPlay, onWaiting, time, volume, play = false, loop = false, autoPlay = false, lazyLoad = false, className, }) {
|
|
13846
|
+
const videoRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
13847
|
+
const isSeekingRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);
|
|
13848
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
13849
|
+
const video = videoRef.current;
|
|
13850
|
+
if (!video || time == null)
|
|
13851
|
+
return;
|
|
13852
|
+
try {
|
|
13853
|
+
if (Math.abs(video.currentTime - time) > SEEK_ACCURACY) {
|
|
13854
|
+
isSeekingRef.current = true;
|
|
13855
|
+
video.currentTime = time;
|
|
13856
|
+
}
|
|
13857
|
+
}
|
|
13858
|
+
catch (error) {
|
|
13859
|
+
console.error("Ошибка перемотки:", error);
|
|
13860
|
+
}
|
|
13861
|
+
}, [time]);
|
|
13862
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
13863
|
+
const video = videoRef.current;
|
|
13864
|
+
if (!video || volume == null)
|
|
13865
|
+
return;
|
|
13866
|
+
try {
|
|
13867
|
+
video.volume = volume;
|
|
13868
|
+
}
|
|
13869
|
+
catch (error) {
|
|
13870
|
+
console.error("Ошибка изменения громкости:", error);
|
|
13871
|
+
}
|
|
13872
|
+
}, [volume]);
|
|
13873
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
13874
|
+
const video = videoRef.current;
|
|
13875
|
+
if (!video)
|
|
13876
|
+
return;
|
|
13877
|
+
try {
|
|
13878
|
+
if (play) {
|
|
13879
|
+
video.play().catch((error) => {
|
|
13880
|
+
console.error("Ошибка воспроизведения:", error);
|
|
13881
|
+
onChangePlay?.(false);
|
|
13882
|
+
});
|
|
13883
|
+
}
|
|
13884
|
+
else {
|
|
13885
|
+
video.pause();
|
|
13886
|
+
}
|
|
13887
|
+
}
|
|
13888
|
+
catch (error) {
|
|
13889
|
+
console.error("Ошибка управления воспроизведением:", error);
|
|
13890
|
+
}
|
|
13891
|
+
}, [play]);
|
|
13892
|
+
const onTimeUpdate = (event) => {
|
|
13893
|
+
if (!isSeekingRef.current) {
|
|
13894
|
+
const currentTime = event.currentTarget.currentTime;
|
|
13895
|
+
onChangeTime?.(currentTime);
|
|
13896
|
+
}
|
|
13897
|
+
};
|
|
13898
|
+
const onLoadedMetaData = (event) => {
|
|
13899
|
+
try {
|
|
13900
|
+
const videoDuration = event.currentTarget.duration;
|
|
13901
|
+
onChangeDuration?.(videoDuration);
|
|
13902
|
+
onChangePlay?.(!event.currentTarget.paused);
|
|
13903
|
+
}
|
|
13904
|
+
catch (error) {
|
|
13905
|
+
console.error("Ошибка загрузки метаданных:", error);
|
|
13906
|
+
}
|
|
13907
|
+
};
|
|
13908
|
+
const onVolumeUpdate = (event) => {
|
|
13909
|
+
try {
|
|
13910
|
+
const currentVolume = event.currentTarget.volume;
|
|
13911
|
+
onChangeVolume?.(currentVolume);
|
|
13912
|
+
}
|
|
13913
|
+
catch (error) {
|
|
13914
|
+
console.error("Ошибка обработки громкости:", error);
|
|
13915
|
+
}
|
|
13916
|
+
};
|
|
13917
|
+
const onPlay = () => {
|
|
13918
|
+
try {
|
|
13919
|
+
onChangePlay?.(true);
|
|
13920
|
+
}
|
|
13921
|
+
catch (error) {
|
|
13922
|
+
console.error("Ошибка в onPlay:", error);
|
|
13923
|
+
}
|
|
13924
|
+
};
|
|
13925
|
+
const onPause = () => {
|
|
13926
|
+
try {
|
|
13927
|
+
onChangePlay?.(false);
|
|
13928
|
+
}
|
|
13929
|
+
catch (error) {
|
|
13930
|
+
console.error("Ошибка в onPause:", error);
|
|
13931
|
+
}
|
|
13932
|
+
};
|
|
13933
|
+
const onSeeked = () => {
|
|
13934
|
+
isSeekingRef.current = false;
|
|
13935
|
+
};
|
|
13936
|
+
const onSeeking = () => {
|
|
13937
|
+
isSeekingRef.current = true;
|
|
13938
|
+
};
|
|
13939
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("video", { src: src, controls: browserControl, muted: muted, loop: loop, onPlay: onPlay, onPause: onPause, onLoadedMetadata: onLoadedMetaData, onTimeUpdate: onTimeUpdate, onCanPlay: onCanPlay, onWaiting: onWaiting, autoPlay: autoPlay, onVolumeChange: onVolumeUpdate, ref: videoRef, onSeeked: onSeeked, onSeeking: onSeeking, preload: lazyLoad ? "none" : "auto", className: className }));
|
|
13940
|
+
}
|
|
13941
|
+
|
|
13942
|
+
|
|
13943
|
+
/***/ }),
|
|
13944
|
+
|
|
13945
|
+
/***/ "./src/ui/VideoPlayerBase/ui/index.ts":
|
|
13946
|
+
/*!********************************************!*\
|
|
13947
|
+
!*** ./src/ui/VideoPlayerBase/ui/index.ts ***!
|
|
13948
|
+
\********************************************/
|
|
13949
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13950
|
+
|
|
13951
|
+
"use strict";
|
|
13952
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13953
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13954
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_0__.VideoPlayerBase)
|
|
13955
|
+
/* harmony export */ });
|
|
13956
|
+
/* harmony import */ var _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoPlayerBase */ "./src/ui/VideoPlayerBase/ui/VideoPlayerBase.tsx");
|
|
13957
|
+
|
|
13958
|
+
|
|
13959
|
+
|
|
12662
13960
|
/***/ }),
|
|
12663
13961
|
|
|
12664
13962
|
/***/ "./src/ui/index.ts":
|
|
@@ -12674,6 +13972,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12674
13972
|
/* harmony export */ Button: () => (/* reexport safe */ _Buttons__WEBPACK_IMPORTED_MODULE_0__.Button),
|
|
12675
13973
|
/* harmony export */ CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CALENDAR_DAY_TARGET_DATE),
|
|
12676
13974
|
/* harmony export */ CalendarDay: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CalendarDay),
|
|
13975
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _Carousel__WEBPACK_IMPORTED_MODULE_23__.Carousel),
|
|
12677
13976
|
/* harmony export */ CascadeSelector: () => (/* reexport safe */ _CascadeSelector__WEBPACK_IMPORTED_MODULE_9__.CascadeSelector),
|
|
12678
13977
|
/* harmony export */ Checkbox: () => (/* reexport safe */ _Checkbox__WEBPACK_IMPORTED_MODULE_6__.Checkbox),
|
|
12679
13978
|
/* harmony export */ CheckboxMark: () => (/* reexport safe */ _CheckboxMark__WEBPACK_IMPORTED_MODULE_5__.CheckboxMark),
|
|
@@ -12692,6 +13991,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12692
13991
|
/* harmony export */ InputField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.InputField),
|
|
12693
13992
|
/* harmony export */ InputFieldWrapper: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.InputFieldWrapper),
|
|
12694
13993
|
/* harmony export */ KEY_WAY_STORE_NAME: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.KEY_WAY_STORE_NAME),
|
|
13994
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _Loaders__WEBPACK_IMPORTED_MODULE_21__.LoadingIndicator),
|
|
13995
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _MediaViewer__WEBPACK_IMPORTED_MODULE_22__.MediaViewer),
|
|
12695
13996
|
/* harmony export */ MicroButton: () => (/* reexport safe */ _MicroButton__WEBPACK_IMPORTED_MODULE_1__.MicroButton),
|
|
12696
13997
|
/* harmony export */ ModalWindowWrapper: () => (/* reexport safe */ _ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_12__.ModalWindowWrapper),
|
|
12697
13998
|
/* harmony export */ NUM_OF_COLS: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.NUM_OF_COLS),
|
|
@@ -12712,6 +14013,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12712
14013
|
/* harmony export */ Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_8__.Toggle),
|
|
12713
14014
|
/* harmony export */ ToggleBase: () => (/* reexport safe */ _ToggleBase__WEBPACK_IMPORTED_MODULE_7__.ToggleBase),
|
|
12714
14015
|
/* harmony export */ UserPick: () => (/* reexport safe */ _UserPick__WEBPACK_IMPORTED_MODULE_18__.UserPick),
|
|
14016
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_20__.VideoPlayerBase),
|
|
12715
14017
|
/* harmony export */ arrayFieldComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.arrayFieldComponent),
|
|
12716
14018
|
/* harmony export */ blockWrapperComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.blockWrapperComponent),
|
|
12717
14019
|
/* harmony export */ formBuilder: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.formBuilder),
|
|
@@ -12739,6 +14041,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12739
14041
|
/* harmony import */ var _ScrollProvider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ScrollProvider */ "./src/ui/ScrollProvider/index.ts");
|
|
12740
14042
|
/* harmony import */ var _UserPick__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./UserPick */ "./src/ui/UserPick/index.ts");
|
|
12741
14043
|
/* harmony import */ var _DropdownItem__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./DropdownItem */ "./src/ui/DropdownItem/index.ts");
|
|
14044
|
+
/* harmony import */ var _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./VideoPlayerBase */ "./src/ui/VideoPlayerBase/index.ts");
|
|
14045
|
+
/* harmony import */ var _Loaders__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Loaders */ "./src/ui/Loaders/index.ts");
|
|
14046
|
+
/* harmony import */ var _MediaViewer__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./MediaViewer */ "./src/ui/MediaViewer/index.ts");
|
|
14047
|
+
/* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Carousel */ "./src/ui/Carousel/index.ts");
|
|
14048
|
+
|
|
14049
|
+
|
|
14050
|
+
|
|
14051
|
+
|
|
12742
14052
|
|
|
12743
14053
|
|
|
12744
14054
|
|
|
@@ -28613,6 +29923,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28613
29923
|
/* harmony export */ Button: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Button),
|
|
28614
29924
|
/* harmony export */ CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CALENDAR_DAY_TARGET_DATE),
|
|
28615
29925
|
/* harmony export */ CalendarDay: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CalendarDay),
|
|
29926
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Carousel),
|
|
28616
29927
|
/* harmony export */ CascadeSelector: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CascadeSelector),
|
|
28617
29928
|
/* harmony export */ Checkbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Checkbox),
|
|
28618
29929
|
/* harmony export */ CheckboxMark: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CheckboxMark),
|
|
@@ -28631,6 +29942,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28631
29942
|
/* harmony export */ InputField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.InputField),
|
|
28632
29943
|
/* harmony export */ InputFieldWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.InputFieldWrapper),
|
|
28633
29944
|
/* harmony export */ KEY_WAY_STORE_NAME: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.KEY_WAY_STORE_NAME),
|
|
29945
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.LoadingIndicator),
|
|
29946
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.MediaViewer),
|
|
28634
29947
|
/* harmony export */ MicroButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.MicroButton),
|
|
28635
29948
|
/* harmony export */ ModalWindowWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ModalWindowWrapper),
|
|
28636
29949
|
/* harmony export */ NUM_OF_COLS: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.NUM_OF_COLS),
|
|
@@ -28651,6 +29964,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28651
29964
|
/* harmony export */ Toggle: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Toggle),
|
|
28652
29965
|
/* harmony export */ ToggleBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ToggleBase),
|
|
28653
29966
|
/* harmony export */ UserPick: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.UserPick),
|
|
29967
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.VideoPlayerBase),
|
|
28654
29968
|
/* harmony export */ arrayFieldComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.arrayFieldComponent),
|
|
28655
29969
|
/* harmony export */ blockWrapperComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.blockWrapperComponent),
|
|
28656
29970
|
/* harmony export */ clearDeepValue: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.clearDeepValue),
|