softbuilders-react-video-player 1.0.0

package/dist/components/VideoPlayerComponent/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/components/VideoPlayerComponent/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,QAAQ,EAER,SAAS,GACV,MAAM,OAAO,CAAC;AAuBf,MAAM,8BAA8B,GAAG,aAAa,CAElD,SAAS,CAAC,CAAC;AAEb,8BAA8B;AAC9B,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,QAAQ,GAGT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IACpD,mDAAmD;IACnD,MAAM,CAAC,oBAAoB,EAAE,gCAAgC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7E,MAAM,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,GAC/D,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,6BAA6B,CAAC,CAAC,oBAAoB,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,oBAAC,8BAA8B,CAAC,QAAQ,IACtC,KAAK,EAAE;YACL,MAAM;YACN,SAAS;YACT,QAAQ;YACR,WAAW;YACX,WAAW;YACX,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC5D,YAAY;YACZ,eAAe;YACf,oBAAoB;YACpB,gCAAgC;YAChC,0BAA0B;SAC3B,IAEA,QAAQ,CAC+B,CAC3C,CAAC;AACJ,CAAC,CAAC;AAEF,iCAAiC;AACjC,MAAM,CAAC,MAAM,iCAAiC,GAAG,GAAG,EAAE;IACpD,MAAM,OAAO,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IAC3D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,0FAA0F,CAC3F,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/components/VideoPlayerComponent/style/style.css

@@ -0,0 +1,36 @@
+.video-js .vjs-control-bar {
+  background-color: transparent;
+  display: none;
+}
+
+.video-js .vjs-big-play-button {
+  background-color: transparent;
+  display: block;
+  border: none;
+  padding: 0px;
+  opacity: 0;
+  transition: opacity 0.5s ease-in-out;
+}
+
+.video-js:hover .vjs-big-play-button {
+  background-color: transparent;
+  border: none;
+  padding: 0px;
+  opacity: 1;
+  transition: opacity 0.5s ease-in-out;
+}
+
+.vjs-poster {
+  display: inline-block;
+  vertical-align: middle;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+  background-color: black;
+}

package/dist/components/VolumeSlider/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type Props = {};
+declare const VolumeSlider: ({}: Props) => React.JSX.Element;
+export default VolumeSlider;

package/dist/components/VolumeSlider/index.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useState } from "react";
+import Slider from "../Slider";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+import { MuteIcon, UnmuteIcon } from "../../icons";
+const MIN = 0, MAX = 100;
+const VolumeSlider = ({}) => {
+    const { player } = useSoftBuildersVideoPlayerContext();
+    const [volume, setVolume] = useState(0);
+    useEffect(() => {
+        setVolume((player === null || player === void 0 ? void 0 : player.muted()) ? 0 : Number(player === null || player === void 0 ? void 0 : player.volume()) * 100 || 0);
+    }, [player]);
+    const handleValueChange = (e) => {
+        const newVolume = Number(e.target.value);
+        setVolume(newVolume);
+        player === null || player === void 0 ? void 0 : player.volume(newVolume / 100);
+        if (newVolume === 0) {
+            player === null || player === void 0 ? void 0 : player.muted(true);
+        }
+        else {
+            player === null || player === void 0 ? void 0 : player.muted(false);
+        }
+    };
+    return (React.createElement("div", { className: "sb-flex sb-items-center sb-gap-2" },
+        volume === 0 || (player === null || player === void 0 ? void 0 : player.muted()) ? (React.createElement(MuteIcon, { className: "sb-w-3 sb-h-3" })) : (React.createElement(UnmuteIcon, { className: "sb-w-3 sb-h-3" })),
+        React.createElement(Slider, { value: volume, handleValueChange: handleValueChange, min: MIN, max: MAX })));
+};
+export default VolumeSlider;
+//# sourceMappingURL=index.js.map

package/dist/components/VolumeSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VolumeSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,GAAG,GAAG,CAAC,EACX,GAAG,GAAG,GAAG,CAAC;AAIZ,MAAM,YAAY,GAAG,CAAC,EAAS,EAAE,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEzC,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;QAEhC,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC9C,MAAM,KAAK,CAAC,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAA,CAAC,CAAC,CAAC,CACjC,oBAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAC,eAAe,GAAG,CACzC;QAED,oBAAC,MAAM,IACL,KAAK,EAAE,MAAM,EACb,iBAAiB,EAAE,iBAAiB,EACpC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,GACR,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/icons/index.d.ts

@@ -0,0 +1,14 @@
+export { default as BackwardIcon } from "./backward-icon.svg";
+export { default as CheckedIcon } from "./checked-icon.svg";
+export { default as ClosedNoteIcon } from "./closed-note-icon.svg";
+export { default as ForwardIcon } from "./forward-icon.svg";
+export { default as FullScreenIcon } from "./full-screen-icon.svg";
+export { default as LeftArrowIcon } from "./left-arrow-icon.svg";
+export { default as MuteIcon } from "./mute-icon.svg";
+export { default as NoteIcon } from "./note-icon.svg";
+export { default as OpenNoteIcon } from "./open-note-icon.svg";
+export { default as PauseIcon } from "./pause-icon.svg";
+export { default as PlayIcon } from "./play-icon.svg";
+export { default as SettingsIcon } from "./settings-icon.svg";
+export { default as UnmuteIcon } from "./unmute-icon.svg";
+export { default as SubtitlesIcon } from "./subtitles-icon.svg";

package/dist/icons/index.js

@@ -0,0 +1,15 @@
+export { default as BackwardIcon } from "./backward-icon.svg";
+export { default as CheckedIcon } from "./checked-icon.svg";
+export { default as ClosedNoteIcon } from "./closed-note-icon.svg";
+export { default as ForwardIcon } from "./forward-icon.svg";
+export { default as FullScreenIcon } from "./full-screen-icon.svg";
+export { default as LeftArrowIcon } from "./left-arrow-icon.svg";
+export { default as MuteIcon } from "./mute-icon.svg";
+export { default as NoteIcon } from "./note-icon.svg";
+export { default as OpenNoteIcon } from "./open-note-icon.svg";
+export { default as PauseIcon } from "./pause-icon.svg";
+export { default as PlayIcon } from "./play-icon.svg";
+export { default as SettingsIcon } from "./settings-icon.svg";
+export { default as UnmuteIcon } from "./unmute-icon.svg";
+export { default as SubtitlesIcon } from "./subtitles-icon.svg";
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import SoftBuildersVideoPlayer from "./components/SoftBuildersVideoPlayer";
+export { SoftBuildersVideoPlayerChapter, SoftBuildersVideoPlayerNote, SoftBuildersVideoPlayerOptions, SoftBuildersVideoPlayerSource, SoftBuildersVideoPlayerTrack, } from "./types";
+export default SoftBuildersVideoPlayer;

package/dist/index.js

@@ -0,0 +1,3 @@
+import SoftBuildersVideoPlayer from "./components/SoftBuildersVideoPlayer";
+export default SoftBuildersVideoPlayer;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,MAAM,sCAAsC,CAAC;AAU3E,eAAe,uBAAuB,CAAC"}