@webitch/player 0.1.0

package/dist/entites/settings-buttons/ui/setting-buttons.js

@@ -0,0 +1,173 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { usePlayerContext } from '../../../component';
+import { closeModal, enablePictureInPicture, goBack, handleChangeVideoSpeed, handleOpenFullScreen, openModal } from '../lib/handlers';
+import { Svg } from '../../../shared/ui';
+import styles from './styles.module.scss';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SettingsButtons = ({
+  videoRef
+}) => {
+  const [isFull, setIsFull] = useState(false);
+  const [activeModal, setActiveModal] = useState(null);
+  const [modalHistory, setModalHistory] = useState([]);
+  const context = usePlayerContext();
+  useEffect(() => {
+    const handleClickOutSide = e => {
+      const modal = document.getElementById('settingsWrapper');
+      if (!modal?.contains(e.target)) {
+        closeModal(modalHistory, setModalHistory, setActiveModal);
+      }
+    };
+    window.addEventListener('mousedown', handleClickOutSide);
+    return () => {
+      window.removeEventListener('mousedown', handleClickOutSide);
+    };
+  }, [videoRef]);
+  useEffect(() => {
+    const handlePressFtoFullScreen = e => {
+      if (e.key.toLowerCase() === 'f') {
+        console.log('F');
+        handleOpenFullScreen(setIsFull);
+      }
+    };
+    document.addEventListener('keyup', handlePressFtoFullScreen);
+    return () => {
+      document.removeEventListener('keyup', handlePressFtoFullScreen);
+    };
+  }, []);
+  const handleSpeed = value => {
+    handleChangeVideoSpeed(videoRef, value);
+    closeModal(modalHistory, setModalHistory, setActiveModal);
+  };
+  const handleChangeQualityLevel = newQualityLevel => {
+    context.hls.currentLevel = newQualityLevel;
+    closeModal(modalHistory, setModalHistory, setActiveModal);
+  };
+  return _jsxs("div", {
+    className: styles.settingsContainer,
+    children: [_jsx("button", {
+      className: styles.subtitle,
+      onClick: e => context.hls.subtitleDisplay ? context.hls.subtitleDisplay = false : context.hls.subtitleDisplay = true,
+      children: _jsx("div", {
+        className: styles.btnWrap,
+        children: _jsx(Svg, {
+          name: "subtitle"
+        })
+      })
+    }), _jsx("button", {
+      className: styles.subtitle,
+      onClick: e => enablePictureInPicture(videoRef),
+      children: _jsx("div", {
+        className: styles.btnWrap,
+        children: _jsx(Svg, {
+          name: "pictureInPicture"
+        })
+      })
+    }), _jsxs("div", {
+      id: "settingsWrapper",
+      className: styles.settingsWrapper,
+      children: [_jsx("button", {
+        className: styles.settings,
+        onClick: () => openModal('settings', setModalHistory, setActiveModal),
+        children: _jsx("div", {
+          className: styles.btnWrapSettings,
+          children: _jsx(Svg, {
+            name: "settings"
+          })
+        })
+      }), activeModal === 'settings' && _jsxs("div", {
+        className: styles.modal,
+        children: [_jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => openModal('quality', setModalHistory, setActiveModal),
+          children: _jsxs("div", {
+            className: styles.modalBtnContainer,
+            children: [_jsx("div", {
+              children: "\u041A\u0430\u0447\u0435\u0441\u0442\u0432\u043E"
+            }), _jsx("div", {
+              children: `${context.hls.levels[context.hls.currentLevel]?.height}p`
+            })]
+          })
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => openModal('speed', setModalHistory, setActiveModal),
+          children: _jsxs("div", {
+            className: styles.modalBtnContainer,
+            children: [_jsx("div", {
+              className: styles.speedLabel,
+              children: "\u0421\u043A\u043E\u0440\u043E\u0441\u0442\u044C \u0432\u043E\u0441\u043F\u0440\u043E\u0438\u0437\u0432\u0435\u0434\u0435\u043D\u0438\u044F"
+            }), _jsxs("div", {
+              className: styles.speedValue,
+              children: [videoRef.current.playbackRate, "x"]
+            })]
+          })
+        })]
+      }), activeModal === 'quality' && _jsxs("div", {
+        className: styles.modal,
+        onClick: () => goBack(modalHistory, setModalHistory, setActiveModal),
+        children: [_jsxs("h3", {
+          className: styles.modalHeader,
+          children: ['<', " \u041A\u0430\u0447\u0435\u0441\u0442\u0432\u043E"]
+        }), context.hls.levels.map((level, index) => {
+          return _jsxs("button", {
+            className: styles.modalBtn,
+            onClick: () => handleChangeQualityLevel(index),
+            children: [level?.height, "p"]
+          }, index);
+        })]
+      }), activeModal === 'speed' && _jsxs("div", {
+        className: styles.modal,
+        onClick: () => goBack(modalHistory, setModalHistory, setActiveModal),
+        children: [_jsxs("h3", {
+          className: styles.modalHeader,
+          children: ['<', " \u0421\u043A\u043E\u0440\u043E\u0441\u0442\u044C \u0432\u043E\u0441\u043F\u0440\u043E\u0438\u0437\u0432\u0435\u0434\u0435\u043D\u0438\u044F"]
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(0.25),
+          children: "0.25x"
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(0.5),
+          children: "0.5x"
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(0.75),
+          children: "0.75x"
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(1),
+          children: "1x"
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(1.25),
+          children: "1.25x"
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(1.5),
+          children: "1.5x"
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(1.75),
+          children: "1.75x"
+        }), _jsx("button", {
+          className: styles.modalBtn,
+          onClick: () => handleSpeed(2),
+          children: "2x"
+        })]
+      })]
+    }), _jsx("button", {
+      className: styles.subtitle,
+      onClick: e => handleOpenFullScreen(setIsFull),
+      children: _jsx("div", {
+        className: styles.btnWrap,
+        children: isFull ? _jsx(Svg, {
+          name: "fullScreenOff"
+        }) : _jsx(Svg, {
+          name: "fullScreenOn"
+        })
+      })
+    })]
+  });
+};

package/dist/entites/settings-buttons/ui/styles.module.scss

@@ -0,0 +1,135 @@
+.settingsContainer {
+    display: flex;
+    gap: 10px;
+    // position: absolute;
+    bottom: 0;
+    height: 90%;
+    right: 3%;
+    z-index: 500;
+    display: flex;
+    align-items: center;
+}
+
+.settingsOptions {
+    display: block;
+    position: absolute;
+    // bottom: 200%;
+    background-color: aqua;
+    display: flex;
+    flex-direction: column;
+    // gap: 10px;
+}
+
+.settingsWrapper {
+    background-color: rgb(0, 0, 0, 0.3);
+    user-select: none;
+    // pointer-events: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    border-radius: 28px;
+    padding: 0px 0px 0px 0px;
+}
+
+.settingOption {
+    background-color: aqua;
+    padding: 10px 20px;
+    &:hover {
+        background-color: #fff;
+    }
+}
+
+.subtitle {
+    background-color: rgb(0, 0, 0, 0.3);
+    color: #fff;
+    user-select: none;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    border-radius: 28px;
+    padding: 3px 4px 3px 4px;
+}
+
+.btnWrap {
+    border-radius: 28px;
+    padding: 3px 4px 3px 4px;
+    border: none;
+
+    &Settings {
+        border-radius: 28px;
+        border: none;
+            padding: 5px 4px 1px 4px;
+
+        &:hover {
+            background-color: rgb(255, 255, 255, 0.1);
+        }
+    }
+
+    &:hover {
+        background-color: rgb(255, 255, 255, 0.1);
+    }
+}
+
+.settings {
+    border-radius: 28px;
+    padding: 3px 4px 3px 4px;
+    color: #ffffff;
+    background: none;
+    cursor: pointer;
+    border: none;
+    user-select: none;
+}
+
+.modalHeader {
+    cursor: pointer;
+    color: #fff;
+    font-family: 'Roboto';
+    font-weight: 400;
+    font-size: 14px; 
+}
+
+.modalBtn {
+    background: none;
+    padding: 10 5;
+    color: #fff;
+    border: none;
+    font-size: 20px;
+    font-family: 'Roboto';
+    font-weight: 400;
+    font-size: 14px; 
+
+    &:hover {
+        background-color: rgb(255, 231, 201, 0.1);
+        border-radius: 10px;
+    }
+}
+
+.modalBtnContainer {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+
+.modal {
+    width: 400px;
+    position: absolute;
+    transform: translateX(-45%);
+    bottom: 80px;
+    background-color: rgb(38, 41, 41, 0.7);
+    padding: 10px;
+    right: -12%;
+    display: flex;
+    flex-direction: column;
+}
+
+.fullScreen {
+    background: none;
+    border: none;
+    user-select: none;
+}
+
+.fullScreenImg {
+    height: 24px;
+    &:hover {
+        // transform: scale(1.1);
+    }
+}

package/dist/entites/sound-volume/index.d.ts

@@ -0,0 +1,2 @@
+export { SoundAndTimeVolume } from './ui/sound-volume';
+//# sourceMappingURL=index.d.ts.map

package/dist/entites/sound-volume/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/entites/sound-volume/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/entites/sound-volume/index.js

@@ -0,0 +1 @@
+export { SoundAndTimeVolume } from './ui/sound-volume';

package/dist/entites/sound-volume/lib/handlers.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+export declare const handleMuteOnClick: (videoRef: RefObject<HTMLVideoElement | null>, setCurrentVolume: (volume: number) => void) => void;
+export declare const handleMouseClickSoundBtn: (e: React.MouseEvent, videoRef: RefObject<HTMLVideoElement | null>, setCurrentVolume: (volume: number) => void) => void;
+export declare const handleMouseDownSoundBtn: (setIsDraggingVolume: (isDragging: boolean) => void) => void;
+export declare const handleMouseUpSoundBtn: (setIsDraggingVolume: (isDragging: boolean) => void) => void;
+//# sourceMappingURL=handlers.d.ts.map

package/dist/entites/sound-volume/lib/handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["../../../../src/entites/sound-volume/lib/handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,eAAO,MAAM,iBAAiB,GAC1B,UAAU,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAC5C,kBAAkB,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,SAY7C,CAAA;AAGD,eAAO,MAAM,wBAAwB,GACjC,GAAG,KAAK,CAAC,UAAU,EACnB,UAAU,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAC5C,kBAAkB,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,SAa7C,CAAA;AAGD,eAAO,MAAM,uBAAuB,GAChC,qBAAqB,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,SAGrD,CAAA;AAGD,eAAO,MAAM,qBAAqB,GAC9B,qBAAqB,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,SAGrD,CAAA"}

package/dist/entites/sound-volume/lib/handlers.js

@@ -0,0 +1,27 @@
+export const handleMuteOnClick = (videoRef, setCurrentVolume) => {
+  if (!videoRef.current) return;
+  if (videoRef.current.muted || videoRef.current.volume === 0) {
+    videoRef.current.muted = false;
+    videoRef.current.volume = 0.5;
+    setCurrentVolume(50);
+  } else {
+    videoRef.current.muted = true;
+    setCurrentVolume(0);
+  }
+};
+export const handleMouseClickSoundBtn = (e, videoRef, setCurrentVolume) => {
+  const soundVolumeBackgroundBar = document.getElementById('soundVolumeBackground');
+  if (!soundVolumeBackgroundBar || !videoRef.current) return;
+  const positionOfSoundBar = soundVolumeBackgroundBar.getBoundingClientRect();
+  const positionOfNewVolume = (e.clientX - positionOfSoundBar.left) / positionOfSoundBar.width;
+  const newVolume = Math.max(0, Math.min(1, positionOfNewVolume));
+  console.log(newVolume);
+  videoRef.current.volume = newVolume;
+  setCurrentVolume(newVolume * 100);
+};
+export const handleMouseDownSoundBtn = setIsDraggingVolume => {
+  setIsDraggingVolume(true);
+};
+export const handleMouseUpSoundBtn = setIsDraggingVolume => {
+  setIsDraggingVolume(false);
+};

package/dist/entites/sound-volume/ui/sound-volume.d.ts

@@ -0,0 +1,9 @@
+import React, { RefObject } from 'react';
+interface ISoundVolume {
+    videoRef: RefObject<HTMLVideoElement | null>;
+    duration: number;
+    fragmentTitle: string | undefined;
+}
+export declare const SoundAndTimeVolume: React.FC<ISoundVolume>;
+export {};
+//# sourceMappingURL=sound-volume.d.ts.map

package/dist/entites/sound-volume/ui/sound-volume.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sound-volume.d.ts","sourceRoot":"","sources":["../../../../src/entites/sound-volume/ui/sound-volume.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAiB7D,UAAU,YAAY;IAClB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyHrD,CAAA"}

package/dist/entites/sound-volume/ui/sound-volume.js

@@ -0,0 +1,113 @@
+"use client";
+
+import React, { useEffect, useState } from 'react';
+import { getHHSStime } from '../../../shared/utils/getHHSStime';
+import { handleMouseClickSoundBtn, handleMouseDownSoundBtn, handleMouseUpSoundBtn, handleMuteOnClick } from '../lib/handlers';
+import { Svg } from '../../../shared/ui';
+import { usePlayerContext } from '../../../component';
+import styles from './styles.module.scss';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SoundAndTimeVolume = ({
+  videoRef,
+  duration,
+  fragmentTitle
+}) => {
+  const [isVisibleSoundBar, setIsVisibleSoundBar] = useState(false);
+  const [currentVolume, setCurrentVolume] = useState(50);
+  const [isDraggingVolume, setIsDraggingVolume] = useState(false);
+  const [currentTime, setCurrentTime] = useState(0);
+  const context = usePlayerContext();
+  useEffect(() => {
+    if (!videoRef.current) return;
+    const video = videoRef.current;
+    const handleTimeUpdate = () => {
+      setCurrentTime(video.currentTime);
+    };
+    video.addEventListener('timeupdate', handleTimeUpdate);
+    setCurrentTime(video.currentTime);
+    return () => {
+      video.removeEventListener('timeupdate', handleTimeUpdate);
+    };
+  }, [videoRef]);
+  useEffect(() => {
+    const handleGlobalMouseUp = () => {
+      if (isDraggingVolume) {
+        setIsDraggingVolume(false);
+      }
+    };
+    const handleGlobalMouseMove = e => {
+      if (isDraggingVolume && videoRef.current) {
+        const soundVolumeBackgroundBar = document.getElementById('soundVolumeBackground');
+        if (!soundVolumeBackgroundBar) return;
+        const positionOfSoundBar = soundVolumeBackgroundBar.getBoundingClientRect();
+        let newCurrentVolume = (e.clientX - positionOfSoundBar.left) / positionOfSoundBar.width * 100;
+        newCurrentVolume = Math.max(0, Math.min(100, newCurrentVolume));
+        setCurrentVolume(newCurrentVolume);
+        videoRef.current.volume = newCurrentVolume / 100;
+      }
+    };
+    window.addEventListener('mouseup', handleGlobalMouseUp);
+    window.addEventListener('mousemove', handleGlobalMouseMove);
+    return () => {
+      window.removeEventListener('mouseup', handleGlobalMouseUp);
+      window.removeEventListener('mousemove', handleGlobalMouseMove);
+    };
+  }, [isDraggingVolume, videoRef]);
+  if (!videoRef.current) return null;
+  return _jsxs("div", {
+    className: styles.soundAndTimeContainer,
+    children: [_jsxs("div", {
+      className: styles.soundContainer,
+      onMouseEnter: () => setIsVisibleSoundBar(true),
+      onMouseLeave: () => {
+        if (!isDraggingVolume) {
+          setIsVisibleSoundBar(false);
+        }
+      },
+      children: [_jsx("div", {
+        className: styles.soundBtnWrapper,
+        children: _jsx("button", {
+          className: styles.soundBtn,
+          onClick: () => handleMuteOnClick(videoRef, setCurrentVolume),
+          children: currentVolume ? _jsx(Svg, {
+            name: "soundOn"
+          }) : _jsx(Svg, {
+            name: "soundOff"
+          })
+        })
+      }), _jsx("div", {
+        id: "soundVolumeBackground",
+        className: styles.soundVolumeBackground,
+        onClick: e => handleMouseClickSoundBtn(e, videoRef, setCurrentVolume),
+        onMouseDown: e => handleMouseDownSoundBtn(setIsDraggingVolume),
+        children: _jsx("div", {
+          id: "filledSoundBar",
+          className: styles.soundVolumeFilled,
+          style: {
+            width: `${currentVolume}%`
+          },
+          children: _jsx("div", {
+            className: styles.pointer,
+            onMouseDown: e => {
+              e.stopPropagation();
+              handleMouseDownSoundBtn(setIsDraggingVolume);
+            },
+            onMouseUp: e => {
+              e.stopPropagation();
+              handleMouseUpSoundBtn(setIsDraggingVolume);
+            }
+          })
+        })
+      })]
+    }), _jsx("div", {
+      className: styles.indicateTimeWrapper,
+      children: _jsxs("div", {
+        className: styles.indicateTime,
+        children: [getHHSStime(Math.trunc(currentTime)), " / ", getHHSStime(Math.trunc(duration))]
+      })
+    }), _jsx("div", {
+      className: styles.fragmentTitle,
+      children: fragmentTitle
+    })]
+  });
+};

package/dist/entites/sound-volume/ui/styles.module.scss

@@ -0,0 +1,124 @@
+.soundAndTimeContainer {
+    width: 65%;
+    height: 100%;
+    // position: absolute;
+    // top: 50%;
+    // left: 13%;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    display: flex;
+    gap: 15px;
+    flex-direction: row;
+    z-index: 100;
+    align-items: center;
+}
+
+.soundContainer {
+    cursor: pointer;
+    display: flex;
+    gap: 15px;
+    align-items: center;
+}
+
+.soundBtnWrapper {
+    background-color: rgb(0, 0, 0, 0.3);
+    user-select: none;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    border-radius: 28px;
+    padding: 3px 3px 3px 3px;
+}
+
+.soundBtn {
+    background-color: rgb(0, 0, 0, 0.0);
+    user-select: none;
+    border: none;
+    transition: all 0.2s ease;
+    border-radius: 28px;
+    padding: 2px 6px 2px 6px;
+
+        &:hover {
+            background-color: rgb(255, 255, 255, 0.1);
+        }
+}
+
+.soundVolumeBackground {
+    width: 80px;
+    height: 3px;
+    background-color: rgb(255, 255, 255, 0.3);
+
+    // display: block;
+    position: relative;
+    transition: width 0.5s ease;
+
+    &_hidden {
+        width: 0%;
+    }
+}
+
+.soundVolumeFilled {
+    height: 3px;
+    background-color: rgb(255, 255, 255);
+    position: relative;
+}
+
+.pointer {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    user-select: none;
+    background-color: #ffffff;
+    bottom: -5px;
+    right: 0;
+    transform: translateX(50%);
+}
+
+.indicateTimeWrapper {
+    background-color: rgb(0, 0, 0, 0.3);
+    user-select: none;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    border-radius: 28px;
+    padding: 3px 15px 3px 3px;
+    min-width: fit-content;
+}
+
+.indicateTime {
+    color: rgb(255, 255, 255);
+    font-size: 20px;
+    height: 50%;
+    width: 100%;
+    font-weight: 600;
+    user-select: none;
+    border-radius: 28px;
+    padding: 2px 6px 2px 6px;
+    text-align: center;
+    font-family: 'Roboto';
+    font-weight: 400;
+    font-size: 14px;    
+
+        &:hover {
+            background-color: rgb(255, 255, 255, 0.1);
+        }
+
+    &_narrowed {
+        font-weight: 600;
+        font-size: 20px;
+        width: 20%;
+    }
+}
+
+.fragmentTitle {
+    max-width: 600px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 18px;
+    color:#ffffff;
+    font-family: 'Roboto';
+    font-weight: 300;
+    white-space: nowrap;
+}

package/dist/features/player-tools/lib/handlers.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare const handlePlayPause: (videoRef: RefObject<HTMLVideoElement | null>) => void;
+//# sourceMappingURL=handlers.d.ts.map

package/dist/features/player-tools/lib/handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["../../../../src/features/player-tools/lib/handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,eAAe,GAAI,UAAU,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAM3E,CAAA"}

package/dist/features/player-tools/lib/handlers.js

@@ -0,0 +1,7 @@
+export const handlePlayPause = videoRef => {
+  if (videoRef.current?.paused) {
+    videoRef.current?.play();
+  } else {
+    videoRef.current?.pause();
+  }
+};

package/dist/features/player-tools/model/player-tools.interface.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from "react";
+import { IFragment } from "../../../widget/video-tag/model/video-tag.interface";
+export interface IPlayerTools {
+    duration: number;
+    videoRef: RefObject<HTMLVideoElement | null>;
+    isVisibleTools: boolean;
+    fragments?: IFragment[];
+}
+//# sourceMappingURL=player-tools.interface.d.ts.map

package/dist/features/player-tools/model/player-tools.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-tools.interface.d.ts","sourceRoot":"","sources":["../../../../src/features/player-tools/model/player-tools.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,qDAAqD,CAAC;AAEhF,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,cAAc,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAA;CAC1B"}

package/dist/features/player-tools/model/player-tools.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/features/player-tools/ui/player-tools.d.ts

@@ -0,0 +1,3 @@
+import { IPlayerTools } from "../model/player-tools.interface";
+export declare const PlayerTools: React.FC<IPlayerTools>;
+//# sourceMappingURL=player-tools.d.ts.map

package/dist/features/player-tools/ui/player-tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-tools.d.ts","sourceRoot":"","sources":["../../../../src/features/player-tools/ui/player-tools.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAK/D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuC9C,CAAC"}