@smitch/breeze 1.5.6 → 2.0.0
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/lib/@hooks/useWindowWidth.js +7 -5
- package/lib/@utils/merge.js +5 -2
- package/lib/accordion/Accordion.js +14 -12
- package/lib/accordion/atoms/AccordionCard.js +8 -6
- package/lib/accordion/atoms/AccordionHead.js +11 -9
- package/lib/accordion/atoms/AccordionItem.js +8 -6
- package/lib/accordion/atoms/AccordionSection.js +6 -4
- package/lib/accordion/atoms/index.js +15 -5
- package/lib/accordion/index.js +12 -3
- package/lib/accordion/types/index.js +2 -1
- package/lib/alert/Alert.js +12 -10
- package/lib/alert/index.js +9 -2
- package/lib/alert/types/index.js +2 -1
- package/lib/autocomplete/Autocomplete.js +8 -6
- package/lib/autocomplete/index.js +9 -2
- package/lib/autocomplete/types/index.js +2 -1
- package/lib/badge/Badge.js +13 -11
- package/lib/badge/index.js +9 -2
- package/lib/badge/types/index.js +2 -1
- package/lib/blockquote/Blockquote.js +10 -8
- package/lib/blockquote/index.js +9 -2
- package/lib/blockquote/types/index.js +2 -1
- package/lib/breadcrumbs/Breadcrumbs.js +16 -11
- package/lib/breadcrumbs/index.js +9 -2
- package/lib/breadcrumbs/types/index.js +2 -1
- package/lib/button/Button.js +17 -15
- package/lib/button/index.js +24 -3
- package/lib/button/types/index.js +2 -1
- package/lib/button/variants/CloseButton.js +14 -9
- package/lib/button/variants/index.js +9 -2
- package/lib/button/variants/types/index.js +2 -1
- package/lib/buttongroup/ButtonGroup.js +12 -10
- package/lib/buttongroup/index.js +9 -2
- package/lib/buttongroup/types/index.js +2 -1
- package/lib/card/Card.js +12 -10
- package/lib/card/atoms/CardBody.js +7 -5
- package/lib/card/atoms/CardFooter.js +11 -6
- package/lib/card/atoms/CardHeader.js +7 -5
- package/lib/card/atoms/CardImage.js +9 -7
- package/lib/card/index.js +17 -6
- package/lib/card/types/index.js +2 -1
- package/lib/carousel/Carousel.js +28 -26
- package/lib/carousel/index.js +9 -2
- package/lib/carousel/types/index.js +2 -1
- package/lib/charts/BarChart.d.ts +2 -2
- package/lib/charts/BarChart.js +16 -11
- package/lib/charts/BubbleChart.d.ts +2 -2
- package/lib/charts/BubbleChart.js +16 -11
- package/lib/charts/ChartWrap.d.ts +5 -1
- package/lib/charts/ChartWrap.js +75 -28
- package/lib/charts/DoughnutChart.d.ts +2 -2
- package/lib/charts/DoughnutChart.js +12 -7
- package/lib/charts/LineChart.d.ts +2 -2
- package/lib/charts/LineChart.js +16 -11
- package/lib/charts/MixedChart.d.ts +2 -2
- package/lib/charts/MixedChart.js +16 -11
- package/lib/charts/PieChart.d.ts +2 -2
- package/lib/charts/PieChart.js +12 -7
- package/lib/charts/PolarAreaChart.d.ts +2 -2
- package/lib/charts/PolarAreaChart.js +15 -10
- package/lib/charts/RadarChart.d.ts +2 -2
- package/lib/charts/RadarChart.js +17 -10
- package/lib/charts/ScatterChart.d.ts +2 -2
- package/lib/charts/ScatterChart.js +16 -11
- package/lib/charts/index.js +25 -10
- package/lib/charts/types/index.d.ts +45 -41
- package/lib/charts/types/index.js +2 -1
- package/lib/checkbox/Checkbox.js +8 -6
- package/lib/checkbox/index.js +9 -2
- package/lib/checkbox/types/index.js +2 -1
- package/lib/clock/Clock.js +14 -12
- package/lib/clock/index.js +9 -2
- package/lib/clock/types/index.js +2 -1
- package/lib/codeblock/Codeblock.js +14 -9
- package/lib/codeblock/index.js +9 -2
- package/lib/codeblock/types/index.js +2 -1
- package/lib/counter/Counter.js +13 -11
- package/lib/counter/index.js +9 -2
- package/lib/counter/types/index.js +2 -1
- package/lib/datatable/DataTable.js +17 -15
- package/lib/datatable/index.js +9 -2
- package/lib/datatable/types/index.js +2 -1
- package/lib/dialog/Dialog.js +13 -11
- package/lib/dialog/hooks/useDisableBack.js +8 -4
- package/lib/dialog/index.js +9 -2
- package/lib/dialog/types/index.js +2 -1
- package/lib/drawer/Drawer.js +13 -11
- package/lib/drawer/index.js +9 -2
- package/lib/drawer/types/index.js +2 -1
- package/lib/dropdown/Dropdown.js +16 -11
- package/lib/dropdown/index.js +9 -2
- package/lib/dropdown/types/index.js +2 -1
- package/lib/figure/Figure.js +12 -10
- package/lib/figure/index.js +9 -2
- package/lib/figure/types/index.js +2 -1
- package/lib/fileupload/FileUpload.js +19 -14
- package/lib/fileupload/Files.js +7 -5
- package/lib/fileupload/index.js +9 -2
- package/lib/fileupload/types/index.js +5 -2
- package/lib/form/Fieldset.js +11 -6
- package/lib/form/Form.js +15 -13
- package/lib/form/Legend.js +9 -7
- package/lib/form/RegisterForm.js +9 -7
- package/lib/form/index.js +15 -5
- package/lib/form/types/index.js +2 -1
- package/lib/gallery/Gallery.js +8 -6
- package/lib/gallery/index.js +9 -2
- package/lib/gallery/types/index.js +2 -1
- package/lib/heading/Heading.js +7 -5
- package/lib/heading/index.js +9 -2
- package/lib/heading/types/index.js +2 -1
- package/lib/hero/Hero.js +14 -12
- package/lib/hero/index.js +9 -2
- package/lib/hero/types/index.js +2 -1
- package/lib/icon/Icon.js +7 -5
- package/lib/icon/index.js +9 -2
- package/lib/icon/types/index.js +2 -1
- package/lib/index.js +126 -52
- package/lib/input/Input.js +11 -9
- package/lib/input/index.js +9 -2
- package/lib/input/types/index.js +2 -1
- package/lib/label/Label.js +10 -8
- package/lib/label/index.js +9 -2
- package/lib/label/types/index.js +2 -1
- package/lib/loading/Loading.js +58 -20
- package/lib/loading/index.js +11 -3
- package/lib/loading/spinners/Bars.js +6 -4
- package/lib/loading/spinners/Clock.js +6 -4
- package/lib/loading/spinners/Dots.js +6 -4
- package/lib/loading/spinners/Pulse.js +6 -4
- package/lib/loading/spinners/Spindots.js +6 -4
- package/lib/loading/spinners/Spinner.js +6 -4
- package/lib/loading/spinners/Wifi.js +6 -4
- package/lib/loading/spinners/index.js +24 -8
- package/lib/loading/types/index.js +2 -1
- package/lib/map/LazyMap.js +28 -33
- package/lib/map/LazyMapCircle.js +8 -6
- package/lib/map/LazyMapLine.js +8 -6
- package/lib/map/LazyMapMarker.js +20 -16
- package/lib/map/LazyMapPolygon.js +7 -5
- package/lib/map/LazyMapRectangle.js +8 -6
- package/lib/map/Map.js +44 -6
- package/lib/map/MapCircle.js +44 -6
- package/lib/map/MapLine.js +44 -6
- package/lib/map/MapMarker.js +44 -6
- package/lib/map/MapPolygon.js +44 -6
- package/lib/map/MapRectangle.js +44 -6
- package/lib/map/index.js +19 -7
- package/lib/map/tileOptions.js +5 -2
- package/lib/map/types/index.js +2 -1
- package/lib/modal/Modal.js +14 -12
- package/lib/modal/hooks/useDisableBack.js +8 -4
- package/lib/modal/index.js +9 -2
- package/lib/modal/types/index.js +2 -1
- package/lib/navbar/NavBar.js +14 -9
- package/lib/navbar/NavBrand.js +11 -6
- package/lib/navbar/NavLinks.js +16 -11
- package/lib/navbar/index.js +9 -2
- package/lib/navbar/types/index.js +2 -1
- package/lib/pagination/Pagination.js +17 -15
- package/lib/pagination/index.js +9 -2
- package/lib/pagination/types/index.js +2 -1
- package/lib/passwordinput/PasswordInput.js +11 -9
- package/lib/passwordinput/index.js +9 -2
- package/lib/passwordinput/types/index.js +2 -1
- package/lib/pictogram/Pictogram.js +10 -8
- package/lib/pictogram/index.js +9 -2
- package/lib/pictogram/types/index.js +2 -1
- package/lib/placeholder/PlaceHolder.js +12 -10
- package/lib/placeholder/index.js +9 -2
- package/lib/placeholder/types/index.js +2 -1
- package/lib/progress/Progress.js +11 -9
- package/lib/progress/index.js +9 -2
- package/lib/progress/types/index.js +2 -1
- package/lib/radiogroup/RadioGroup.js +12 -10
- package/lib/radiogroup/index.js +9 -2
- package/lib/radiogroup/types/index.js +2 -1
- package/lib/rangeinput/RangeInput.js +17 -15
- package/lib/rangeinput/index.js +9 -2
- package/lib/rangeinput/types/index.js +2 -1
- package/lib/ratings/Ratings.js +11 -9
- package/lib/ratings/index.js +9 -2
- package/lib/ratings/types/index.js +2 -1
- package/lib/searchinput/SearchInput.js +12 -10
- package/lib/searchinput/index.js +9 -2
- package/lib/searchinput/types/index.js +2 -1
- package/lib/select/Select.js +12 -10
- package/lib/select/index.js +9 -2
- package/lib/select/types/index.js +2 -1
- package/lib/sidebar/Sidebar.js +14 -12
- package/lib/sidebar/index.js +9 -2
- package/lib/sidebar/types/index.js +2 -1
- package/lib/socialshare/SocialShare.js +58 -20
- package/lib/socialshare/buttons/BlueskyButton.js +8 -6
- package/lib/socialshare/buttons/EmailButton.js +8 -6
- package/lib/socialshare/buttons/FacebookButton.js +8 -6
- package/lib/socialshare/buttons/LinkedinButton.js +8 -6
- package/lib/socialshare/buttons/PinterestButton.js +8 -6
- package/lib/socialshare/buttons/RedditButton.js +8 -6
- package/lib/socialshare/buttons/SlackButton.js +8 -6
- package/lib/socialshare/buttons/TelegramButton.js +8 -6
- package/lib/socialshare/buttons/WhatsappButton.js +8 -6
- package/lib/socialshare/buttons/XButton.js +8 -6
- package/lib/socialshare/index.js +29 -12
- package/lib/socialshare/types/index.js +2 -1
- package/lib/statbar/StatBar.js +10 -8
- package/lib/statbar/index.js +9 -2
- package/lib/statbar/types/index.js +2 -1
- package/lib/switch/Switch.js +14 -12
- package/lib/switch/index.js +9 -2
- package/lib/switch/types/index.js +2 -1
- package/lib/tabs/Tab.js +8 -4
- package/lib/tabs/TabBar.js +10 -8
- package/lib/tabs/Tabs.js +18 -13
- package/lib/tabs/index.js +9 -2
- package/lib/tabs/types/index.js +2 -1
- package/lib/textarea/TextArea.js +10 -8
- package/lib/textarea/index.js +9 -2
- package/lib/textarea/types/index.js +2 -1
- package/lib/textinput/TextInput.js +10 -8
- package/lib/textinput/index.js +9 -2
- package/lib/textinput/types/index.js +2 -1
- package/lib/ticker/Ticker.js +9 -7
- package/lib/ticker/index.js +9 -2
- package/lib/ticker/types/index.js +2 -1
- package/lib/toast/Toast.js +15 -13
- package/lib/toast/index.js +9 -2
- package/lib/toast/types/index.js +2 -1
- package/lib/twitterembed/TwitterEmbed.js +18 -14
- package/lib/twitterembed/index.js +9 -2
- package/lib/twitterembed/types/index.js +2 -1
- package/lib/videoplayer/Video.js +29 -24
- package/lib/videoplayer/VideoControls.js +17 -15
- package/lib/videoplayer/VideoPlayer.js +24 -19
- package/lib/videoplayer/VideoTracks.js +6 -4
- package/lib/videoplayer/controls/CaptionsControl.js +10 -8
- package/lib/videoplayer/controls/FullscreenControl.js +8 -6
- package/lib/videoplayer/controls/PipControl.js +8 -6
- package/lib/videoplayer/controls/SoundControl.js +8 -6
- package/lib/videoplayer/controls/index.js +15 -5
- package/lib/videoplayer/index.js +11 -3
- package/lib/videoplayer/types/index.js +2 -1
- package/lib/youtubeembed/YoutubeEmbed.js +7 -5
- package/lib/youtubeembed/index.js +9 -2
- package/lib/youtubeembed/types/index.js +2 -1
- package/package.json +1 -1
package/lib/videoplayer/Video.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
var react_1 = require("react");
|
|
9
|
+
var VideoTracks_1 = __importDefault(require("./VideoTracks"));
|
|
10
|
+
var tailwind_merge_1 = require("tailwind-merge");
|
|
11
|
+
var __1 = require("..");
|
|
7
12
|
var posterSrc = "/poster.png";
|
|
8
13
|
var loadingClasses = "[&&::-webkit-media-controls-panel]:!hidden [&&::-webkit-media-controls-enclosure]:!hidden [&&::-webkit-media-controls]:!hidden";
|
|
9
14
|
var grayscaleClasses = {
|
|
@@ -21,11 +26,11 @@ var aspects = {
|
|
|
21
26
|
};
|
|
22
27
|
var Video = function (_a) {
|
|
23
28
|
var src = _a.src, _b = _a.poster, poster = _b === void 0 ? posterSrc : _b, tracks = _a.tracks, srcLangs = _a.srcLangs, trackIndex = _a.trackIndex, _c = _a.controls, controls = _c === void 0 ? true : _c, _d = _a.aspect, aspect = _d === void 0 ? "video" : _d, _e = _a.videoWidth, videoWidth = _e === void 0 ? "100%" : _e, _f = _a.videoHeight, videoHeight = _f === void 0 ? "auto" : _f, _g = _a.loop, loop = _g === void 0 ? false : _g, muted = _a.muted, autoplay = _a.autoplay, setDuration = _a.setDuration, setTime = _a.setTime, play = _a.play, togglePlay = _a.togglePlay, _h = _a.preload, preload = _h === void 0 ? "metadata" : _h, _j = _a.fallback, fallback = _j === void 0 ? "Your browser does not support the video tag." : _j, currentTime = _a.currentTime, playEnded = _a.playEnded, _k = _a.volume, volume = _k === void 0 ? 5 : _k, _l = _a.formats, formats = _l === void 0 ? ["mp4"] : _l, _m = _a.pictureInPicture, pictureInPicture = _m === void 0 ? false : _m, _o = _a.defaultError, defaultError = _o === void 0 ? "Video cannot be loaded." : _o, _p = _a.grayscale, grayscale = _p === void 0 ? "none" : _p, _q = _a.blur, blur = _q === void 0 ? false : _q, _r = _a.className, className = _r === void 0 ? "" : _r;
|
|
24
|
-
var videoRef = useRef(null);
|
|
25
|
-
var _s = useState(false), loading = _s[0], setLoading = _s[1];
|
|
26
|
-
var _t = useState(""), error = _t[0], setError = _t[1];
|
|
27
|
-
var aspectRatioClasses = useMemo(function () { return aspects[aspect]; }, [aspect]);
|
|
28
|
-
useEffect(function () {
|
|
29
|
+
var videoRef = (0, react_1.useRef)(null);
|
|
30
|
+
var _s = (0, react_1.useState)(false), loading = _s[0], setLoading = _s[1];
|
|
31
|
+
var _t = (0, react_1.useState)(""), error = _t[0], setError = _t[1];
|
|
32
|
+
var aspectRatioClasses = (0, react_1.useMemo)(function () { return aspects[aspect]; }, [aspect]);
|
|
33
|
+
(0, react_1.useEffect)(function () {
|
|
29
34
|
var node = videoRef.current;
|
|
30
35
|
if (node) {
|
|
31
36
|
if (play)
|
|
@@ -34,7 +39,7 @@ var Video = function (_a) {
|
|
|
34
39
|
node.pause();
|
|
35
40
|
}
|
|
36
41
|
}, [play]);
|
|
37
|
-
useEffect(function () {
|
|
42
|
+
(0, react_1.useEffect)(function () {
|
|
38
43
|
var node = videoRef.current;
|
|
39
44
|
if (node && trackIndex) {
|
|
40
45
|
var textTracks = node.textTracks;
|
|
@@ -46,7 +51,7 @@ var Video = function (_a) {
|
|
|
46
51
|
}
|
|
47
52
|
}
|
|
48
53
|
}, [trackIndex]);
|
|
49
|
-
useEffect(function () {
|
|
54
|
+
(0, react_1.useEffect)(function () {
|
|
50
55
|
var node = videoRef.current;
|
|
51
56
|
if (node && typeof document !== null && node.duration) {
|
|
52
57
|
if (document.pictureInPictureElement) {
|
|
@@ -57,18 +62,18 @@ var Video = function (_a) {
|
|
|
57
62
|
}
|
|
58
63
|
}
|
|
59
64
|
}, [pictureInPicture]);
|
|
60
|
-
useEffect(function () {
|
|
65
|
+
(0, react_1.useEffect)(function () {
|
|
61
66
|
var node = videoRef.current;
|
|
62
67
|
if (node && currentTime) {
|
|
63
68
|
node.currentTime = currentTime;
|
|
64
69
|
}
|
|
65
70
|
}, [currentTime]);
|
|
66
|
-
useEffect(function () {
|
|
71
|
+
(0, react_1.useEffect)(function () {
|
|
67
72
|
var node = videoRef.current;
|
|
68
73
|
if (node)
|
|
69
74
|
node.volume = volume / 10;
|
|
70
75
|
}, [volume]);
|
|
71
|
-
var handleLoadedmetadata = useCallback(function () {
|
|
76
|
+
var handleLoadedmetadata = (0, react_1.useCallback)(function () {
|
|
72
77
|
if (videoRef.current && setDuration)
|
|
73
78
|
setDuration(videoRef.current.duration);
|
|
74
79
|
}, [setDuration]);
|
|
@@ -76,7 +81,7 @@ var Video = function (_a) {
|
|
|
76
81
|
if (togglePlay)
|
|
77
82
|
togglePlay();
|
|
78
83
|
};
|
|
79
|
-
var handleEnd = useCallback(function () {
|
|
84
|
+
var handleEnd = (0, react_1.useCallback)(function () {
|
|
80
85
|
var node = videoRef.current;
|
|
81
86
|
if (node && !loop) {
|
|
82
87
|
node.currentTime = 0;
|
|
@@ -84,11 +89,11 @@ var Video = function (_a) {
|
|
|
84
89
|
if (playEnded)
|
|
85
90
|
playEnded();
|
|
86
91
|
}, [playEnded, loop]);
|
|
87
|
-
var handleTime = useCallback(function () {
|
|
92
|
+
var handleTime = (0, react_1.useCallback)(function () {
|
|
88
93
|
if (videoRef.current && setTime)
|
|
89
94
|
setTime(videoRef.current.currentTime);
|
|
90
95
|
}, [setTime]);
|
|
91
|
-
var handleError = useCallback(function () {
|
|
96
|
+
var handleError = (0, react_1.useCallback)(function () {
|
|
92
97
|
var _a;
|
|
93
98
|
var node = videoRef.current;
|
|
94
99
|
if (node) {
|
|
@@ -97,13 +102,13 @@ var Video = function (_a) {
|
|
|
97
102
|
setLoading(false);
|
|
98
103
|
}
|
|
99
104
|
}, [setError, defaultError]);
|
|
100
|
-
var handleWaiting = useCallback(function () {
|
|
105
|
+
var handleWaiting = (0, react_1.useCallback)(function () {
|
|
101
106
|
setLoading(true);
|
|
102
107
|
}, [setLoading]);
|
|
103
|
-
var handleCanPlay = useCallback(function () {
|
|
108
|
+
var handleCanPlay = (0, react_1.useCallback)(function () {
|
|
104
109
|
setLoading(false);
|
|
105
110
|
}, [setLoading]);
|
|
106
|
-
var setVideoRef = useCallback(function (node) {
|
|
111
|
+
var setVideoRef = (0, react_1.useCallback)(function (node) {
|
|
107
112
|
if (node) {
|
|
108
113
|
videoRef.current = node;
|
|
109
114
|
node.addEventListener("waiting", handleWaiting);
|
|
@@ -124,7 +129,7 @@ var Video = function (_a) {
|
|
|
124
129
|
}
|
|
125
130
|
};
|
|
126
131
|
}, [handleEnd, handleError, handleLoadedmetadata, handleTime, handleWaiting, handleCanPlay]);
|
|
127
|
-
return (
|
|
132
|
+
return ((0, jsx_runtime_1.jsxs)("figure", { className: (0, tailwind_merge_1.twMerge)("video-figure group overflow-hidden flex items-center relative ".concat(aspectRatioClasses), className), children: [(0, jsx_runtime_1.jsxs)("video", { poster: poster, width: videoWidth, height: videoHeight, controls: controls, loop: loop, ref: setVideoRef, className: "video bg-black ".concat(grayscaleClasses[grayscale], " ").concat(blur ? "blur" : "", " ").concat(videoHeight === "100%" ? "object-cover h-full" : "", " ").concat(loading ? loadingClasses : ""), muted: muted, autoPlay: autoplay, preload: preload, onClick: handleTogglePlay, children: [formats.map(function (format, index) { return ((0, jsx_runtime_1.jsx)("source", { src: "".concat(src.slice(0, src.lastIndexOf(".")), ".").concat(format), type: "video/".concat(format) }, index)); }), tracks ? (0, jsx_runtime_1.jsx)(VideoTracks_1.default, { tracks: tracks, srcLangs: srcLangs }) : null, (0, jsx_runtime_1.jsx)("p", { children: fallback })] }), error && ((0, jsx_runtime_1.jsx)(__1.Alert, { title: "Error", message: error, status: "error", layout: "solid", className: "!absolute inset-0" })), loading && (0, jsx_runtime_1.jsx)(__1.Loading, { className: "absolute w-full", size: "lg" })] }));
|
|
128
133
|
};
|
|
129
|
-
|
|
130
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
134
|
+
exports.default = Video;
|
|
135
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvVmlkZW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7Ozs7OztBQUViLCtCQUFpRjtBQUNqRiw4REFBd0M7QUFDeEMsaURBQXlDO0FBQ3pDLHdCQUFvQztBQUlwQyxJQUFNLFNBQVMsR0FBRyxhQUFhLENBQUM7QUFFaEMsSUFBTSxjQUFjLEdBQ2xCLGdJQUFnSSxDQUFDO0FBRW5JLElBQU0sZ0JBQWdCLEdBQUc7SUFDdkIsSUFBSSxFQUFFLEVBQUU7SUFDUixTQUFTLEVBQUUsV0FBVztJQUN0QixLQUFLLEVBQUUsT0FBTztDQUNmLENBQUM7QUFFRixJQUFNLE9BQU8sR0FBRztJQUNkLE1BQU0sRUFBRSxlQUFlO0lBQ3ZCLEtBQUssRUFBRSxlQUFlO0lBQ3RCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLFVBQVUsRUFBRSxjQUFjO0lBQzFCLE1BQU0sRUFBRSxlQUFlO0lBQ3ZCLFNBQVMsRUFBRSxlQUFlO0NBQzNCLENBQUM7QUFFRixJQUFNLEtBQUssR0FBRyxVQUFDLEVBNEJGO1FBM0JYLEdBQUcsU0FBQSxFQUNILGNBQWtCLEVBQWxCLE1BQU0sbUJBQUcsU0FBUyxLQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixnQkFBZSxFQUFmLFFBQVEsbUJBQUcsSUFBSSxLQUFBLEVBQ2YsY0FBZ0IsRUFBaEIsTUFBTSxtQkFBRyxPQUFPLEtBQUEsRUFDaEIsa0JBQW1CLEVBQW5CLFVBQVUsbUJBQUcsTUFBTSxLQUFBLEVBQ25CLG1CQUFvQixFQUFwQixXQUFXLG1CQUFHLE1BQU0sS0FBQSxFQUNwQixZQUFZLEVBQVosSUFBSSxtQkFBRyxLQUFLLEtBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1As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
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var controls_1 = require("./controls/");
|
|
6
|
+
var fa_1 = require("react-icons/fa");
|
|
7
|
+
var __1 = require("..");
|
|
6
8
|
var toHHMMSS = function (secs) {
|
|
7
9
|
var s = secs || 0;
|
|
8
10
|
var sec_num = parseInt(String(s), 10);
|
|
@@ -16,9 +18,9 @@ var toHHMMSS = function (secs) {
|
|
|
16
18
|
};
|
|
17
19
|
var VideoControls = function (_a) {
|
|
18
20
|
var duration = _a.duration, _b = _a.time, time = _b === void 0 ? 0 : _b, togglePlay = _a.togglePlay, _c = _a.play, play = _c === void 0 ? false : _c, fullscreen = _a.fullscreen, onFullscreen = _a.onFullscreen, muted = _a.muted, onMute = _a.onMute, onScrubChange = _a.onScrubChange, onVolume = _a.onVolume, onPIP = _a.onPIP, onCaption = _a.onCaption, controlOptions = _a.controlOptions, progressBg = _a.progressBg, progressColor = _a.progressColor, tracks = _a.tracks, srcLangs = _a.srcLangs;
|
|
19
|
-
var _d = useState(0), scrubRange = _d[0], setScrubRange = _d[1];
|
|
20
|
-
var _e = useState(5), volumeLevel = _e[0], setVolumeLevel = _e[1];
|
|
21
|
-
useEffect(function () {
|
|
21
|
+
var _d = (0, react_1.useState)(0), scrubRange = _d[0], setScrubRange = _d[1];
|
|
22
|
+
var _e = (0, react_1.useState)(5), volumeLevel = _e[0], setVolumeLevel = _e[1];
|
|
23
|
+
(0, react_1.useEffect)(function () {
|
|
22
24
|
if (time)
|
|
23
25
|
setScrubRange((time / duration) * 100);
|
|
24
26
|
else
|
|
@@ -42,22 +44,22 @@ var VideoControls = function (_a) {
|
|
|
42
44
|
if (onCaption)
|
|
43
45
|
onCaption(value);
|
|
44
46
|
};
|
|
45
|
-
return (
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-gradient-to-t from-black from-60% to-transparent text-light absolute bottom-0 w-full flex flex-col justify-between opacity-0 group-hover:opacity-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "mx-2 ".concat(duration > 0 ? "block" : "hidden"), children: (0, jsx_runtime_1.jsx)("input", { type: "range", min: "0", max: "100", step: "any", id: "scrubRange", value: scrubRange, onChange: handleScrubChange, onInputCapture: handleScrubChange, style: scrubStyle, className: "w-full rounded-none [&&::-webkit-slider-thumb]:duration-500 [&&::-webkit-slider-thumb]:transition-all [&&::-webkit-slider-thumb]:cursor-grab h-1 cursor-pointer appearance-none [&&::-webkit-slider-thumb]:appearance-none" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("p", { className: "flex justify-start gap-2 items-center", children: [(0, jsx_runtime_1.jsxs)(__1.Button, { title: play ? "Pause" : "Play", onClick: togglePlay, btnBackground: "transparent", btnColor: "light", size: "sm", children: [play ? (0, jsx_runtime_1.jsx)(fa_1.FaPause, {}) : (0, jsx_runtime_1.jsx)(fa_1.FaPlay, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle Play" })] }), (0, jsx_runtime_1.jsxs)("span", { className: "video-time font-mono text-sm", children: [(0, jsx_runtime_1.jsx)("time", { children: toHHMMSS(time) }), " ", duration > 0 && ((0, jsx_runtime_1.jsxs)("span", { children: ["/ ", (0, jsx_runtime_1.jsx)("time", { children: toHHMMSS(duration) })] }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-end gap-2 items-center", children: controlOptions
|
|
46
48
|
? controlOptions.map(function (option, index) {
|
|
47
49
|
switch (option) {
|
|
48
50
|
case "sound":
|
|
49
|
-
return (
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)("div", { children: (0, controls_1.SoundControl)(muted, onMute, duration, volumeLevel, handleVolumeChange) }, index));
|
|
50
52
|
case "fullscreen":
|
|
51
|
-
return (
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)("div", { children: (0, controls_1.FullscreenControl)(fullscreen, duration, onFullscreen) }, index));
|
|
52
54
|
case "pip":
|
|
53
|
-
return
|
|
55
|
+
return (0, jsx_runtime_1.jsx)("div", { children: (0, controls_1.PipControl)(duration, onPIP) }, index);
|
|
54
56
|
case "captions":
|
|
55
|
-
return (
|
|
57
|
+
return ((0, jsx_runtime_1.jsx)("div", { children: (0, controls_1.CaptionsControl)(handleCaptionChange, tracks || [], srcLangs || []) }, index));
|
|
56
58
|
default:
|
|
57
59
|
return null;
|
|
58
60
|
}
|
|
59
61
|
})
|
|
60
62
|
: null })] })] }));
|
|
61
63
|
};
|
|
62
|
-
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
exports.default = VideoControls;
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9Db250cm9scy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS92aWRlb3BsYXllci9WaWRlb0NvbnRyb2xzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwrQkFBbUQ7QUFFbkQsd0NBQTJGO0FBRTNGLHFDQUFpRDtBQUVqRCx3QkFBNEI7QUFJNUIsSUFBTSxRQUFRLEdBQUcsVUFBQyxJQUFpQztJQUNqRCxJQUFNLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxDQUFDO0lBQ3BCLElBQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDeEMsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLENBQUM7SUFDekMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQzlDLElBQU0sT0FBTyxHQUFHLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFFN0IsT0FBTyxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDO1NBQzdCLEdBQUcsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQTlCLENBQThCLENBQUM7U0FDMUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSyxPQUFBLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBbkIsQ0FBbUIsQ0FBQztTQUNyQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDZixDQUFDLENBQUM7QUFFRixJQUFNLGFBQWEsR0FBRyxVQUFDLEVBa0JIO1FBakJsQixRQUFRLGNBQUEs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
|
|
@@ -1,21 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
'use client';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
var react_1 = require("react");
|
|
9
|
+
var tailwind_merge_1 = require("tailwind-merge");
|
|
10
|
+
var Video_1 = __importDefault(require("./Video"));
|
|
11
|
+
var VideoControls_1 = __importDefault(require("./VideoControls"));
|
|
7
12
|
var VideoPlayer = function (_a) {
|
|
8
13
|
var src = _a.src, poster = _a.poster, loop = _a.loop, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.aspect, aspect = _c === void 0 ? 'video' : _c, preload = _a.preload, fallback = _a.fallback, _d = _a.formats, formats = _d === void 0 ? ['mp4'] : _d, _e = _a.defaultError, defaultError = _e === void 0 ? 'Oops! There was an unknown error.' : _e, _f = _a.muted, muted = _f === void 0 ? false : _f, autoplay = _a.autoplay, _g = _a.controlOptions, controlOptions = _g === void 0 ? ['sound', 'fullscreen', 'pip'] : _g, _h = _a.progressBg, progressBg = _h === void 0 ? '#cccccc' : _h, _j = _a.progressColor, progressColor = _j === void 0 ? '#ffffff' : _j, tracks = _a.tracks, srcLangs = _a.srcLangs, grayscale = _a.grayscale;
|
|
9
|
-
var _k = useState(false), play = _k[0], setPlay = _k[1];
|
|
10
|
-
var _l = useState(0), duration = _l[0], setDuration = _l[1];
|
|
11
|
-
var _m = useState(0), time = _m[0], setTime = _m[1];
|
|
12
|
-
var _o = useState(0), currentTime = _o[0], setCurrentTime = _o[1];
|
|
13
|
-
var _p = useState(false), fullscreen = _p[0], setFullscreen = _p[1];
|
|
14
|
-
var _q = useState(false), pictureInPicture = _q[0], setPictureInPicture = _q[1];
|
|
15
|
-
var _r = useState(muted), mute = _r[0], setMute = _r[1];
|
|
16
|
-
var _s = useState(5), volume = _s[0], setVolume = _s[1];
|
|
17
|
-
var _t = useState(), trackIndex = _t[0], setTrackIndex = _t[1];
|
|
18
|
-
useEffect(function () {
|
|
14
|
+
var _k = (0, react_1.useState)(false), play = _k[0], setPlay = _k[1];
|
|
15
|
+
var _l = (0, react_1.useState)(0), duration = _l[0], setDuration = _l[1];
|
|
16
|
+
var _m = (0, react_1.useState)(0), time = _m[0], setTime = _m[1];
|
|
17
|
+
var _o = (0, react_1.useState)(0), currentTime = _o[0], setCurrentTime = _o[1];
|
|
18
|
+
var _p = (0, react_1.useState)(false), fullscreen = _p[0], setFullscreen = _p[1];
|
|
19
|
+
var _q = (0, react_1.useState)(false), pictureInPicture = _q[0], setPictureInPicture = _q[1];
|
|
20
|
+
var _r = (0, react_1.useState)(muted), mute = _r[0], setMute = _r[1];
|
|
21
|
+
var _s = (0, react_1.useState)(5), volume = _s[0], setVolume = _s[1];
|
|
22
|
+
var _t = (0, react_1.useState)(), trackIndex = _t[0], setTrackIndex = _t[1];
|
|
23
|
+
(0, react_1.useEffect)(function () {
|
|
19
24
|
var handleFullscreenChange = function () {
|
|
20
25
|
if (fullscreen && !document.fullscreenElement)
|
|
21
26
|
setFullscreen(false);
|
|
@@ -25,7 +30,7 @@ var VideoPlayer = function (_a) {
|
|
|
25
30
|
document.removeEventListener('fullscreenchange', handleFullscreenChange);
|
|
26
31
|
};
|
|
27
32
|
}, [setFullscreen, fullscreen]);
|
|
28
|
-
useEffect(function () {
|
|
33
|
+
(0, react_1.useEffect)(function () {
|
|
29
34
|
setPlay(autoplay !== null && autoplay !== void 0 ? autoplay : false);
|
|
30
35
|
return function () {
|
|
31
36
|
setPlay(false);
|
|
@@ -60,7 +65,7 @@ var VideoPlayer = function (_a) {
|
|
|
60
65
|
};
|
|
61
66
|
var handlePiP = function () { return setPictureInPicture(!pictureInPicture); };
|
|
62
67
|
var handleCaption = function (index) { return setTrackIndex(index); };
|
|
63
|
-
return (
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)("div", { id: 'player', className: (0, tailwind_merge_1.twMerge)("video-player w-full dark bg-black group relative ".concat(fullscreen ? 'fullscreen' : ''), className), children: [(0, jsx_runtime_1.jsx)(Video_1.default, { src: src, controls: false, poster: poster, aspect: aspect, loop: loop, setDuration: setDuration, setTime: setTime, currentTime: currentTime, togglePlay: handleTogglePlay, playEnded: handleEnded, play: play, muted: mute, autoplay: autoplay, preload: preload, fallback: fallback, volume: volume, formats: formats, pictureInPicture: pictureInPicture, defaultError: defaultError, tracks: tracks, srcLangs: srcLangs, trackIndex: trackIndex, grayscale: grayscale }), (0, jsx_runtime_1.jsx)(VideoControls_1.default, { duration: duration, time: time, togglePlay: handleTogglePlay, play: play, onFullscreen: handleFullscreen, fullscreen: fullscreen, onMute: handleMute, muted: mute, onScrubChange: handleScrubChange, onVolume: handleVolume, onPIP: handlePiP, onCaption: handleCaption, controlOptions: controlOptions, progressBg: progressBg, progressColor: progressColor, tracks: tracks, srcLangs: srcLangs })] }));
|
|
64
69
|
};
|
|
65
|
-
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
exports.default = VideoPlayer;
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9QbGF5ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvVmlkZW9QbGF5ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7Ozs7OztBQUVaLCtCQUFrRDtBQUVsRCxpREFBd0M7QUFFeEMsa0RBQTJCO0FBQzNCLGtFQUEyQztBQUczQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBa0JGO1FBakJsQixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixpQkFBYyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsY0FBZ0IsRUFBaEIsTUFBTSxtQkFBRyxPQUFPLEtBQUEsRUFDaEIsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsZUFBaUIsRUFBakIsT0FBTyxtQkFBRyxDQUFDLEtBQUssQ0FBQyxLQUFBLEVBQ2pCLG9CQUFrRCxFQUFsRCxZQUFZLG1CQUFHLG1DQUFtQyxLQUFBLEVBQ2xELGFBQWEsRUFBYixLQUFLLG1CQUFHLEtBQUssS0FBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLHNCQUErQyxFQUEvQyxjQUFjLG1CQUFHLENBQUMsT0FBTyxFQUFFLFlBQVksRUFBRSxLQUFLLENBQUMsS0FBQSxFQUMvQyxrQkFBc0IsRUFBdEIsVUFBVSxtQkFBRyxTQUFTLEtBQUEsRUFDdEIscUJBQXlCLEVBQXpCLGFBQWEsbUJBQUcsU0FBUyxLQUFBLEVBQ3pCLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVILElBQUEsS0FBa0IsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxFQUFoQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQW1CLENBQUE7SUFDakMsSUFBQSxLQUEwQixJQUFBLGdCQUFRLEVBQUMsQ0FBQyxDQUFDLEVBQXBDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBZSxDQUFBO0lBQ3JDLElBQUEsS0FB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
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
4
|
var VideoTracks = function (_a) {
|
|
3
5
|
var tracks = _a.tracks, srcLangs = _a.srcLangs;
|
|
4
6
|
return tracks && srcLangs
|
|
5
|
-
? tracks.map(function (src, index) { return (
|
|
7
|
+
? tracks.map(function (src, index) { return ((0, jsx_runtime_1.jsx)("track", { kind: 'subtitles', src: src, srcLang: srcLangs[index] }, index)); })
|
|
6
8
|
: null;
|
|
7
9
|
};
|
|
8
|
-
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
exports.default = VideoTracks;
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9UcmFja3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvVmlkZW9UcmFja3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUlBLElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBc0M7UUFBcEMsTUFBTSxZQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3RDLE9BQU8sTUFBTSxJQUFJLFFBQVE7UUFDeEIsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxHQUFHLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDM0Isa0NBQ0MsSUFBSSxFQUFDLFdBQVcsRUFDaEIsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUNuQixLQUFLLENBQ1QsQ0FDRCxFQVAwQixDQU8xQixDQUFDO1FBQ0osQ0FBQyxDQUFDLElBQUksQ0FBQTtBQUNSLENBQUMsQ0FBQTtBQUVELGtCQUFlLFdBQVcsQ0FBQSJ9
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var fa_1 = require("react-icons/fa");
|
|
6
|
+
var __1 = require("../..");
|
|
5
7
|
var CaptionsControl = function (handleCaptionChange, tracks, srcLangs) {
|
|
6
|
-
var _a = useState(false), showSelect = _a[0], setShowSelect = _a[1];
|
|
8
|
+
var _a = (0, react_1.useState)(false), showSelect = _a[0], setShowSelect = _a[1];
|
|
7
9
|
var onCaptionChange = function (e) {
|
|
8
10
|
setShowSelect(false);
|
|
9
11
|
if (handleCaptionChange)
|
|
10
12
|
handleCaptionChange(e.target.value);
|
|
11
13
|
};
|
|
12
|
-
return tracks ? (
|
|
14
|
+
return tracks ? ((0, jsx_runtime_1.jsxs)("div", { id: 'captions-control', className: 'relative', children: [(0, jsx_runtime_1.jsxs)(__1.Button, { title: 'Toggle caption options', onClick: function () { return setShowSelect(!showSelect); }, btnBackground: 'transparent', btnColor: 'light', size: 'sm', className: 'lg:-ml-2', children: [(0, jsx_runtime_1.jsx)(fa_1.FaClosedCaptioning, {}), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Toggle caption options" })] }), (0, jsx_runtime_1.jsx)(__1.Select, { title: 'Select Captions', className: "!bg-light !text-dark bottom-8 right-0 absolute ".concat(showSelect ? 'block' : 'hidden'), onChange: onCaptionChange, dropdownSize: 'sm', rows: tracks.length + 1, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("option", { value: '-1', children: "off" }), tracks.map(function (_track, index) { return ((0, jsx_runtime_1.jsx)("option", { value: "".concat(index), children: srcLangs[index] }, index)); })] }) })] })) : null;
|
|
13
15
|
};
|
|
14
|
-
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
exports.default = CaptionsControl;
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FwdGlvbnNDb250cm9sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpL3ZpZGVvcGxheWVyL2NvbnRyb2xzL0NhcHRpb25zQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsK0JBQXVDO0FBRXZDLHFDQUFtRDtBQUVuRCwyQkFBc0M7QUFFdEMsSUFBTSxlQUFlLEdBQUcsVUFDdkIsbUJBQTRDLEVBQzVDLE1BQWdCLEVBQ2hCLFFBQWtCO0lBRVosSUFBQSxLQUE4QixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLEVBQTVDLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBbUIsQ0FBQTtJQUVuRCxJQUFNLGVBQWUsR0FBRyxVQUFDLENBQXVDO1FBQy9ELGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNwQixJQUFJLG1CQUFtQjtZQUFFLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDN0QsQ0FBQyxDQUFBO0lBRUQsT0FBTyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ2YsaUNBQ0MsRUFBRSxFQUFDLGtCQUFrQixFQUNyQixTQUFTLEVBQUMsVUFBVSxhQUVwQix3QkFBQyxVQUFNLElBQ04sS0FBSyxFQUFDLHdCQUF3QixFQUM5QixPQUFPLEVBQUUsY0FBTSxPQUFBLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxFQUExQixDQUEwQixFQUN6QyxhQUFhLEVBQUMsYUFBYSxFQUMzQixRQUFRLEVBQUMsT0FBTyxFQUNoQixJQUFJLEVBQUMsSUFBSSxFQUNULFNBQVMsRUFBQyxVQUFVLGFBRXBCLHVCQUFDLHVCQUFrQixLQUFHLEVBQ3RCLGlDQUFNLFNBQVMsRUFBQyxTQUFTLHVDQUE4QixJQUMvQyxFQUNULHVCQUFDLFVBQU0sSUFDTixLQUFLLEVBQUMsaUJBQWlCLEVBQ3ZCLFNBQVMsRUFBRSx5REFDVixVQUFVLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUM5QixFQUNGLFFBQVEsRUFBRSxlQUFlLEVBQ3pCLFlBQVksRUFBQyxJQUFJLEVBQ2pCLElBQUksRUFBRSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsWUFFdkIsNkRBQ0MsbUNBQVEsS0FBSyxFQUFDLElBQUksb0JBQWEsRUFDOUIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxLQUFLLElBQUssT0FBQSxDQUM5QixtQ0FFQyxLQUFLLEVBQUUsVUFBRyxLQUFLLENBQUUsWUFFaEIsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUhYLEtBQUssQ0FJRixDQUNULEVBUDhCLENBTzlCLENBQUMsSUFDQSxHQUNLLElBQ0osQ0FDTixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7QUFDVCxDQUFDLENBQUE7QUFFRCxrQkFBZSxlQUFlLENBQUEifQ==
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
var __1 = require("../..");
|
|
5
|
+
var fa_1 = require("react-icons/fa");
|
|
4
6
|
var FullscreenControl = function (fullscreen, duration, onFullscreen) {
|
|
5
|
-
return (
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)("div", { id: "fullscreen", children: (0, jsx_runtime_1.jsxs)(__1.Button, { title: fullscreen ? "Exit Fullscreen" : "View Fullscreen", onClick: onFullscreen, btnBackground: "transparent", btnColor: "light", size: "sm", disabled: duration === 0, children: [fullscreen ? (0, jsx_runtime_1.jsx)(fa_1.FaCompress, {}) : (0, jsx_runtime_1.jsx)(fa_1.FaExpand, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle Fullscreen" })] }) }));
|
|
6
8
|
};
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
exports.default = FullscreenControl;
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRnVsbHNjcmVlbkNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvY29udHJvbHMvRnVsbHNjcmVlbkNvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJCQUErQjtBQUUvQixxQ0FBc0Q7QUFFdEQsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLFVBQW1CLEVBQUUsUUFBZ0IsRUFBRSxZQUF5QjtJQUN6RixPQUFPLENBQ0wsZ0NBQUssRUFBRSxFQUFDLFlBQVksWUFDbEIsd0JBQUMsVUFBTSxJQUNMLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFDekQsT0FBTyxFQUFFLFlBQVksRUFDckIsYUFBYSxFQUFDLGFBQWEsRUFDM0IsUUFBUSxFQUFDLE9BQU8sRUFDaEIsSUFBSSxFQUFDLElBQUksRUFDVCxRQUFRLEVBQUUsUUFBUSxLQUFLLENBQUMsYUFFdkIsVUFBVSxDQUFDLENBQUMsQ0FBQyx1QkFBQyxlQUFVLEtBQUcsQ0FBQyxDQUFDLENBQUMsdUJBQUMsYUFBUSxLQUFHLEVBQzNDLGlDQUFNLFNBQVMsRUFBQyxTQUFTLGtDQUF5QixJQUMzQyxHQUNMLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLGlCQUFpQixDQUFDIn0=
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
var __1 = require("../..");
|
|
5
|
+
var md_1 = require("react-icons/md");
|
|
4
6
|
var PipControl = function (duration, onPIP) {
|
|
5
|
-
return (
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)("div", { id: "pip", children: (0, jsx_runtime_1.jsxs)(__1.Button, { title: "Toggle Picture in Picture", onClick: onPIP, btnBackground: "transparent", btnColor: "light", size: "sm", className: "lg:-ml-2", disabled: duration === 0, children: [(0, jsx_runtime_1.jsx)(md_1.MdPictureInPictureAlt, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle Picture in Picture" })] }) }));
|
|
6
8
|
};
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
exports.default = PipControl;
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGlwQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS92aWRlb3BsYXllci9jb250cm9scy9QaXBDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwyQkFBK0I7QUFFL0IscUNBQXVEO0FBRXZELElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBZ0IsRUFBRSxLQUFrQjtJQUN0RCxPQUFPLENBQ0wsZ0NBQUssRUFBRSxFQUFDLEtBQUssWUFDWCx3QkFBQyxVQUFNLElBQ0wsS0FBSyxFQUFDLDJCQUEyQixFQUNqQyxPQUFPLEVBQUUsS0FBSyxFQUNkLGFBQWEsRUFBQyxhQUFhLEVBQzNCLFFBQVEsRUFBQyxPQUFPLEVBQ2hCLElBQUksRUFBQyxJQUFJLEVBQ1QsU0FBUyxFQUFDLFVBQVUsRUFDcEIsUUFBUSxFQUFFLFFBQVEsS0FBSyxDQUFDLGFBRXhCLHVCQUFDLDBCQUFxQixLQUFHLEVBQ3pCLGlDQUFNLFNBQVMsRUFBQyxTQUFTLDBDQUFpQyxJQUNuRCxHQUNMLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLFVBQVUsQ0FBQyJ9
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
var __1 = require("../..");
|
|
5
|
+
var fa_1 = require("react-icons/fa");
|
|
4
6
|
var SoundControl = function (muted, onMute, duration, volumeLevel, handleVolumeChange) {
|
|
5
|
-
return (
|
|
7
|
+
return ((0, jsx_runtime_1.jsxs)("div", { id: "sound", className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsxs)(__1.Button, { title: muted ? "Unmute Sound" : "Mute Sound", onClick: onMute, btnBackground: "transparent", btnColor: "light", size: "sm", children: [muted ? (0, jsx_runtime_1.jsx)(fa_1.FaVolumeMute, {}) : (0, jsx_runtime_1.jsx)(fa_1.FaVolumeUp, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle Mute Sound" })] }), (0, jsx_runtime_1.jsx)("input", { type: "range", min: "0", max: "10", step: "1", value: volumeLevel, onChange: handleVolumeChange, className: "volume-slider w-16 hidden lg:block", disabled: duration === 0 })] }));
|
|
6
8
|
};
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
exports.default = SoundControl;
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU291bmRDb250cm9sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpL3ZpZGVvcGxheWVyL2NvbnRyb2xzL1NvdW5kQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsMkJBQStCO0FBRS9CLHFDQUEwRDtBQUUxRCxJQUFNLFlBQVksR0FBRyxVQUNuQixLQUFjLEVBQ2QsTUFBa0IsRUFDbEIsUUFBZ0IsRUFDaEIsV0FBbUIsRUFDbkIsa0JBQW9FO0lBRXBFLE9BQU8sQ0FDTCxpQ0FBSyxFQUFFLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyx5QkFBeUIsYUFDakQsd0JBQUMsVUFBTSxJQUNMLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsWUFBWSxFQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUNmLGFBQWEsRUFBQyxhQUFhLEVBQzNCLFFBQVEsRUFBQyxPQUFPLEVBQ2hCLElBQUksRUFBQyxJQUFJLGFBRVIsS0FBSyxDQUFDLENBQUMsQ0FBQyx1QkFBQyxpQkFBWSxLQUFHLENBQUMsQ0FBQyxDQUFDLHVCQUFDLGVBQVUsS0FBRyxFQUMxQyxpQ0FBTSxTQUFTLEVBQUMsU0FBUyxrQ0FBeUIsSUFDM0MsRUFDVCxrQ0FDRSxJQUFJLEVBQUMsT0FBTyxFQUNaLEdBQUcsRUFBQyxHQUFHLEVBQ1AsR0FBRyxFQUFDLElBQUksRUFDUixJQUFJLEVBQUMsR0FBRyxFQUNSLEtBQUssRUFBRSxXQUFXLEVBQ2xCLFFBQVEsRUFBRSxrQkFBa0IsRUFDNUIsU0FBUyxFQUFDLG9DQUFvQyxFQUM5QyxRQUFRLEVBQUUsUUFBUSxLQUFLLENBQUMsR0FDeEIsSUFDRSxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxZQUFZLENBQUMifQ==
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SoundControl = exports.PipControl = exports.FullscreenControl = exports.CaptionsControl = void 0;
|
|
7
|
+
var CaptionsControl_1 = require("./CaptionsControl");
|
|
8
|
+
Object.defineProperty(exports, "CaptionsControl", { enumerable: true, get: function () { return __importDefault(CaptionsControl_1).default; } });
|
|
9
|
+
var FullscreenControl_1 = require("./FullscreenControl");
|
|
10
|
+
Object.defineProperty(exports, "FullscreenControl", { enumerable: true, get: function () { return __importDefault(FullscreenControl_1).default; } });
|
|
11
|
+
var PipControl_1 = require("./PipControl");
|
|
12
|
+
Object.defineProperty(exports, "PipControl", { enumerable: true, get: function () { return __importDefault(PipControl_1).default; } });
|
|
13
|
+
var SoundControl_1 = require("./SoundControl");
|
|
14
|
+
Object.defineProperty(exports, "SoundControl", { enumerable: true, get: function () { return __importDefault(SoundControl_1).default; } });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvY29udHJvbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEscURBQThEO0FBQXJELG1JQUFBLE9BQU8sT0FBbUI7QUFDbkMseURBQWtFO0FBQXpELHVJQUFBLE9BQU8sT0FBcUI7QUFDckMsMkNBQW9EO0FBQTNDLHlIQUFBLE9BQU8sT0FBYztBQUM5QiwrQ0FBd0Q7QUFBL0MsNkhBQUEsT0FBTyxPQUFnQiJ9
|
package/lib/videoplayer/index.js
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.VideoPlayer = exports.Video = void 0;
|
|
7
|
+
var Video_1 = require("./Video");
|
|
8
|
+
Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return __importDefault(Video_1).default; } });
|
|
9
|
+
var VideoPlayer_1 = require("./VideoPlayer");
|
|
10
|
+
Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsaUNBQTBDO0FBQWpDLCtHQUFBLE9BQU8sT0FBUztBQUN6Qiw2Q0FBc0Q7QUFBN0MsMkhBQUEsT0FBTyxPQUFlIn0=
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
3
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvdHlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -20,14 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
21
|
}
|
|
21
22
|
return t;
|
|
22
23
|
};
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
|
+
var tailwind_merge_1 = require("tailwind-merge");
|
|
25
27
|
var YoutubeEmbed = function (_a) {
|
|
26
28
|
var _b = _a.className, className = _b === void 0 ? "" : _b, style = _a.style, videoId = _a.videoId, _c = _a.title, title = _c === void 0 ? "YouTube video player" : _c, _d = _a.playerParams, playerParams = _d === void 0 ? {} : _d, _e = _a.loading, loading = _e === void 0 ? "lazy" : _e, _f = _a.allow, allow = _f === void 0 ? "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" : _f, iframeProps = __rest(_a, ["className", "style", "videoId", "title", "playerParams", "loading", "allow"]);
|
|
27
29
|
var baseUrl = "https://www.youtube-nocookie.com/embed/";
|
|
28
30
|
var params = new URLSearchParams(playerParams).toString();
|
|
29
31
|
var embedUrl = "".concat(baseUrl).concat(videoId, "?").concat(params);
|
|
30
|
-
return (
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("aspect-video w-full ", className), style: style, children: (0, jsx_runtime_1.jsx)("iframe", __assign({ className: "w-full h-full", src: embedUrl, title: title, allowFullScreen: true, loading: loading, referrerPolicy: "strict-origin-when-cross-origin", allow: allow }, iframeProps)) }));
|
|
31
33
|
};
|
|
32
|
-
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
exports.default = YoutubeEmbed;
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiWW91dHViZUVtYmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL3lvdXR1YmVlbWJlZC9Zb3V0dWJlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHQSxpREFBeUM7QUFFekMsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQVNGO0lBUmxCLElBQUEsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLGFBQThCLEVBQTlCLEtBQUssbUJBQUcsc0JBQXNCLEtBQUEsRUFDOUIsb0JBQWlCLEVBQWpCLFlBQVksbUJBQUcsRUFBRSxLQUFBLEVBQ2pCLGVBQWdCLEVBQWhCLE9BQU8sbUJBQUcsTUFBTSxLQUFBLEVBQ2hCLGFBQWtHLEVBQWxHLEtBQUssbUJBQUcsMEZBQTBGLEtBQUEsRUFDL0YsV0FBVyxjQVJNLDhFQVNyQixDQURlO0lBRWQsSUFBTSxPQUFPLEdBQUcseUNBQXlDLENBQUM7SUFDMUQsSUFBTSxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsWUFBc0MsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3RGLElBQU0sUUFBUSxHQUFHLFVBQUcsT0FBTyxTQUFHLE9BQU8sY0FBSSxNQUFNLENBQUUsQ0FBQztJQUVsRCxPQUFPLENBQ0wsZ0NBQUssU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFBQyxzQkFBc0IsRUFBRSxTQUFTLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxZQUN0RSw0Q0FDRSxTQUFTLEVBQUMsZUFBZSxFQUN6QixHQUFHLEVBQUUsUUFBUSxFQUNiLEtBQUssRUFBRSxLQUFLLEVBQ1osZUFBZSxRQUNmLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLGNBQWMsRUFBQyxpQ0FBaUMsRUFDaEQsS0FBSyxFQUFFLEtBQUssSUFDUixXQUFXLEVBQ2YsR0FDRSxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxZQUFZLENBQUMifQ==
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.YoutubeEmbed = void 0;
|
|
7
|
+
var YoutubeEmbed_1 = require("./YoutubeEmbed");
|
|
8
|
+
Object.defineProperty(exports, "YoutubeEmbed", { enumerable: true, get: function () { return __importDefault(YoutubeEmbed_1).default; } });
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkveW91dHViZWVtYmVkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLCtDQUF3RDtBQUEvQyw2SEFBQSxPQUFPLE9BQWdCIn0=
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
3
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkveW91dHViZWVtYmVkL3R5cGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|