@webitch/short-player 0.1.2 → 0.1.3

package/dist/entites/ShortVideoBtns/ui/index.js

@@ -0,0 +1,16 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortVideoBtns = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const ui_1 = require("../../../shared/ui");
+const formatViews_1 = require("../../../shared/utils/formatViews");
+const ShortVideoBtns = ({ channelId, videoId, dislikes, likes, commentsCount = 875 }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.itemWrapper, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_svg, children: (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'like', size: 'big' }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_text, children: (0, formatViews_1.formatViews)(+likes) })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_svg, children: (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'dislike', size: 'big' }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_text, children: (0, formatViews_1.formatViews)(+dislikes) })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_svg, children: (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'comments', size: 'big' }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_text, children: commentsCount })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_svg, children: (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'share', size: 'big' }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.shortVideoBtnsContainer_item_text, children: "\u043F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F" })] })] }) }));
+};
+exports.ShortVideoBtns = ShortVideoBtns;
+//# sourceMappingURL=index.js.map

package/dist/entites/ShortVideoBtns/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/entites/ShortVideoBtns/ui/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;AAIZ,8EAAyC;AACzC,2CAAwC;AACxC,mEAA+D;AAUxD,MAAM,cAAc,GAA8B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,GAAG,GAAG,EAAE,EAAE,EAAE;IACtH,OAAO,CACH,gCAAK,SAAS,EAAE,4BAAM,CAAC,uBAAuB,YAC1C,iCAAK,SAAS,EAAE,4BAAM,CAAC,WAAW,aAC9B,iCAAK,SAAS,EAAE,4BAAM,CAAC,4BAA4B,aAC/C,gCAAK,SAAS,EAAE,4BAAM,CAAC,gCAAgC,YACnD,uBAAC,QAAG,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAE,GAC3B,EACN,gCAAK,SAAS,EAAE,4BAAM,CAAC,iCAAiC,YAAG,IAAA,yBAAW,EAAC,CAAC,KAAK,CAAC,GAAO,IACnF,EACN,iCAAK,SAAS,EAAE,4BAAM,CAAC,4BAA4B,aAC/C,gCAAK,SAAS,EAAE,4BAAM,CAAC,gCAAgC,YACnD,uBAAC,QAAG,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,KAAK,GAAE,GAC9B,EACN,gCAAK,SAAS,EAAE,4BAAM,CAAC,iCAAiC,YAAG,IAAA,yBAAW,EAAC,CAAC,QAAQ,CAAC,GAAO,IACtF,EAEN,iCAAK,SAAS,EAAE,4BAAM,CAAC,4BAA4B,aAC/C,gCAAK,SAAS,EAAE,4BAAM,CAAC,gCAAgC,YACnD,uBAAC,QAAG,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,GAAE,GAC/B,EACN,gCAAK,SAAS,EAAE,4BAAM,CAAC,iCAAiC,YAAG,aAAa,GAAO,IAC7E,EAEN,iCAAK,SAAS,EAAE,4BAAM,CAAC,4BAA4B,aAC/C,gCAAK,SAAS,EAAE,4BAAM,CAAC,gCAAgC,YACnD,uBAAC,QAAG,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,GAAE,GAC5B,EAEN,gCAAK,SAAS,EAAE,4BAAM,CAAC,iCAAiC,6EAAkB,IACxE,IACJ,GACJ,CACT,CAAA;AACL,CAAC,CAAA;AAlCY,QAAA,cAAc,kBAkC1B"}

package/dist/entites/SoundBtn/lib/handlers.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleMouseUpSoundBtn = exports.handleMouseDownSoundBtn = exports.handleMouseClickSoundBtn = exports.handleMuteOnClick = void 0;
+// Клик на иконку для мьюта/анмьюта
+const handleMuteOnClick = (e, videoRef, setCurrentVolume) => {
+    e.stopPropagation();
+    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);
+    }
+};
+exports.handleMuteOnClick = handleMuteOnClick;
+// Клик на звуковую панель для установки громкости
+const handleMouseClickSoundBtn = (e, videoRef, setCurrentVolume) => {
+    e.stopPropagation();
+    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);
+};
+exports.handleMouseClickSoundBtn = handleMouseClickSoundBtn;
+// Начало перетаскивания
+const handleMouseDownSoundBtn = (e, setIsDraggingVolume) => {
+    setIsDraggingVolume(true);
+};
+exports.handleMouseDownSoundBtn = handleMouseDownSoundBtn;
+// Конец перетаскивания
+const handleMouseUpSoundBtn = (e, setIsDraggingVolume) => {
+    e.stopPropagation();
+    setIsDraggingVolume(false);
+};
+exports.handleMouseUpSoundBtn = handleMouseUpSoundBtn;
+// Перемещение при перетаскивании
+// export const handleMouseMoveSoundBtn = (
+//     e: React.MouseEvent, 
+//     isDraggingVolume: boolean, 
+//     setCurrentVolume: (volume: number) => void,
+//     videoRef: RefObject<HTMLVideoElement | null>
+// ) => {
+//     if (!isDraggingVolume || !videoRef.current) return
+//     const soundVolumeBackgroundBar = document.getElementById('soundVolumeBackground')
+//     if (!soundVolumeBackgroundBar) return
+//     const positionOfSoundBar = soundVolumeBackgroundBar.getBoundingClientRect()
+//     const newVolume = (e.clientX - positionOfSoundBar.left) / positionOfSoundBar.width
+//     const clampedVolume = Math.max(0, Math.min(1, newVolume))
+//     videoRef.current.volume = clampedVolume
+//     setCurrentVolume(clampedVolume * 100)
+// }
+//# sourceMappingURL=handlers.js.map

package/dist/entites/SoundBtn/lib/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../../src/entites/SoundBtn/lib/handlers.ts"],"names":[],"mappings":";;;AAEA,mCAAmC;AAC5B,MAAM,iBAAiB,GAAG,CAC7B,CAAmB,EACnB,QAA4C,EAC5C,gBAA0C,EAC5C,EAAE;IACA,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,IAAI,CAAC,QAAQ,CAAC,OAAO;QAAE,OAAM;IAE7B,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1D,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QAC9B,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,CAAA;QAC7B,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACxB,CAAC;SAAM,CAAC;QACJ,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;QAC7B,gBAAgB,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC;AACL,CAAC,CAAA;AAhBY,QAAA,iBAAiB,qBAgB7B;AAED,kDAAkD;AAC3C,MAAM,wBAAwB,GAAG,CACpC,CAAmB,EACnB,QAA4C,EAC5C,gBAA0C,EAC5C,EAAE;IACA,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,MAAM,wBAAwB,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAA;IAEjF,IAAI,CAAC,wBAAwB,IAAI,CAAC,QAAQ,CAAC,OAAO;QAAE,OAAM;IAE1D,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,qBAAqB,EAAE,CAAA;IAC3E,MAAM,mBAAmB,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAA;IAC5F,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAC/D,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAEvB,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,SAAS,CAAA;IACnC,gBAAgB,CAAC,SAAS,GAAG,GAAG,CAAC,CAAA;AACrC,CAAC,CAAA;AAjBY,QAAA,wBAAwB,4BAiBpC;AAED,wBAAwB;AACjB,MAAM,uBAAuB,GAAG,CACnC,CAAmB,EACnB,mBAAkD,EACpD,EAAE;IACA,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC,CAAA;AALY,QAAA,uBAAuB,2BAKnC;AAED,uBAAuB;AAChB,MAAM,qBAAqB,GAAG,CACjC,CAAmB,EACnB,mBAAkD,EACpD,EAAE;IACA,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAC9B,CAAC,CAAA;AANY,QAAA,qBAAqB,yBAMjC;AAED,iCAAiC;AACjC,2CAA2C;AAC3C,4BAA4B;AAC5B,kCAAkC;AAClC,kDAAkD;AAClD,mDAAmD;AACnD,SAAS;AACT,yDAAyD;AAEzD,wFAAwF;AACxF,4CAA4C;AAE5C,kFAAkF;AAClF,yFAAyF;AACzF,gEAAgE;AAEhE,8CAA8C;AAC9C,4CAA4C;AAC5C,IAAI"}

package/dist/entites/SoundBtn/ui/index.js

@@ -0,0 +1,94 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SoundBtn = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const handlers_1 = require("../lib/handlers");
+const ui_1 = require("../../../shared/ui");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const SoundBtn = ({ videoRef }) => {
+    const [isVisibleSoundBar, setIsVisibleSoundBar] = (0, react_1.useState)(false);
+    const [currentVolume, setCurrentVolume] = (0, react_1.useState)(50);
+    const [isDraggingVolume, setIsDraggingVolume] = (0, react_1.useState)(false);
+    // Глобальные обработчики для перетаскивания
+    (0, react_1.useEffect)(() => {
+        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;
+            }
+        };
+        const handleGlobalMouseUp = (e) => {
+            e.stopPropagation();
+            // Если был drag (мышь двигалась), то не даем событию всплывать
+            if (isDraggingVolume) {
+                e.stopPropagation();
+                e.stopImmediatePropagation();
+                // Отменяем стандартное поведение и всплытие
+                if (e.preventDefault) {
+                    e.preventDefault();
+                }
+                setIsDraggingVolume(false);
+            }
+        };
+        window.addEventListener('mousemove', handleGlobalMouseMove);
+        window.addEventListener('mouseup', handleGlobalMouseUp, true); // capture phase
+        return () => {
+            window.removeEventListener('mousemove', handleGlobalMouseMove);
+            window.removeEventListener('mouseup', handleGlobalMouseUp, true);
+        };
+    }, [isDraggingVolume, videoRef]);
+    // Предотвращаем click на родителе после drag
+    (0, react_1.useEffect)(() => {
+        const preventParentClick = (e) => {
+            if (isDraggingVolume) {
+                e.stopPropagation();
+                e.preventDefault();
+            }
+        };
+        // Ловим click на window до того, как он дойдет до родителя
+        window.addEventListener('click', preventParentClick, true);
+        return () => {
+            window.removeEventListener('click', preventParentClick, true);
+        };
+    }, [isDraggingVolume]);
+    if (!videoRef.current)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.soundAndTimeContainer, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.soundContainer, onMouseEnter: () => setIsVisibleSoundBar(true), onMouseLeave: () => {
+                if (!isDraggingVolume) {
+                    setIsVisibleSoundBar(false);
+                }
+            }, 
+            // Предотвращаем всплытие кликов от всего контейнера звука
+            onClick: (e) => e.stopPropagation(), onMouseUp: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.soundBtnWrapper, children: (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.soundBtn, onClick: (e) => {
+                            e.stopPropagation();
+                            (0, handlers_1.handleMuteOnClick)(e, videoRef, setCurrentVolume);
+                        }, children: currentVolume ? (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'soundOn' }) : (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'soundOff' }) }) }), (0, jsx_runtime_1.jsx)("div", { id: 'soundVolumeBackground', className: styles_module_scss_1.default.soundVolumeBackground, onClick: (e) => {
+                        e.stopPropagation();
+                        (0, handlers_1.handleMouseClickSoundBtn)(e, videoRef, setCurrentVolume);
+                    }, onMouseDown: (e) => {
+                        e.stopPropagation();
+                        (0, handlers_1.handleMouseDownSoundBtn)(e, setIsDraggingVolume);
+                    }, onMouseUp: (e) => {
+                        e.stopPropagation();
+                        (0, handlers_1.handleMouseUpSoundBtn)(e, setIsDraggingVolume);
+                    }, children: (0, jsx_runtime_1.jsx)("div", { id: 'filledSoundBar', className: styles_module_scss_1.default.soundVolumeFilled, style: { width: `${currentVolume}%` }, children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.pointer, onMouseDown: (e) => {
+                                e.stopPropagation();
+                                (0, handlers_1.handleMouseDownSoundBtn)(e, setIsDraggingVolume);
+                            }, onMouseUp: (e) => {
+                                e.stopPropagation();
+                                (0, handlers_1.handleMouseUpSoundBtn)(e, setIsDraggingVolume);
+                            } }) }) })] }) }));
+};
+exports.SoundBtn = SoundBtn;
+//# sourceMappingURL=index.js.map

package/dist/entites/SoundBtn/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/entites/SoundBtn/ui/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;AAEZ,iCAA6D;AAC7D,8CAKwB;AACxB,2CAAwC;AACxC,8EAAyC;AAMlC,MAAM,QAAQ,GAA2B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC3D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAA;IAC1E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAA;IAC9D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAA;IAExE,4CAA4C;IAC5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,qBAAqB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5C,IAAI,gBAAgB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACvC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAA;gBACjF,IAAI,CAAC,wBAAwB;oBAAE,OAAM;gBAErC,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,qBAAqB,EAAE,CAAA;gBAE3E,IAAI,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA;gBAC/F,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAA;gBAE/D,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;gBAClC,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,gBAAgB,GAAG,GAAG,CAAA;YACpD,CAAC;QACL,CAAC,CAAA;QAED,MAAM,mBAAmB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC1C,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,+DAA+D;YAC/D,IAAI,gBAAgB,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,wBAAwB,EAAE,CAAA;gBAE5B,4CAA4C;gBAC5C,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,cAAc,EAAE,CAAA;gBACtB,CAAC;gBACD,mBAAmB,CAAC,KAAK,CAAC,CAAA;YAC9B,CAAC;QACL,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAA;QAC3D,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAA,CAAC,gBAAgB;QAE9E,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAA;YAC9D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAA;QACpE,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhC,6CAA6C;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YACzC,IAAI,gBAAgB,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAA;YACtB,CAAC;QACL,CAAC,CAAA;QAED,2DAA2D;QAC3D,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAA;QAE1D,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAA;QACjE,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,IAAG,CAAC,QAAQ,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEjC,OAAO,CACH,gCAAK,SAAS,EAAE,4BAAM,CAAC,qBAAqB,YACxC,iCAAK,SAAS,EAAE,4BAAM,CAAC,cAAc,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAC9C,YAAY,EAAE,GAAG,EAAE;gBACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBACpB,oBAAoB,CAAC,KAAK,CAAC,CAAA;gBAC/B,CAAC;YACL,CAAC;YACD,0DAA0D;YAC1D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACrC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEvC,gCAAK,SAAS,EAAE,4BAAM,CAAC,eAAe,YAClC,mCACI,SAAS,EAAE,4BAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;4BAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,IAAA,4BAAiB,EAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAA;wBACpD,CAAC,YAEA,aAAa,CAAC,CAAC,CAAC,uBAAC,QAAG,IAAC,IAAI,EAAC,SAAS,GAAE,CAAC,CAAC,CAAC,uBAAC,QAAG,IAAC,IAAI,EAAC,UAAU,GAAE,GAC1D,GACP,EAEN,gCACI,EAAE,EAAC,uBAAuB,EAC1B,SAAS,EAAE,4BAAM,CAAC,qBAAqB,EACvC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;wBAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,IAAA,mCAAwB,EAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAA;oBAC3D,CAAC,EACD,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE;wBACjC,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,IAAA,kCAAuB,EAAC,CAAC,EAAE,mBAAmB,CAAC,CAAA;oBACnD,CAAC,EACD,SAAS,EAAE,CAAC,CAAmB,EAAE,EAAE;wBAC/B,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,IAAA,gCAAqB,EAAC,CAAC,EAAE,mBAAmB,CAAC,CAAA;oBACjD,CAAC,YAED,gCACI,EAAE,EAAC,gBAAgB,EACnB,SAAS,EAAE,4BAAM,CAAC,iBAAiB,EACnC,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,aAAa,GAAG,EAAC,YAEnC,gCACI,SAAS,EAAE,4BAAM,CAAC,OAAO,EACzB,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE;gCACjC,CAAC,CAAC,eAAe,EAAE,CAAA;gCACnB,IAAA,kCAAuB,EAAC,CAAC,EAAE,mBAAmB,CAAC,CAAA;4BACnD,CAAC,EACD,SAAS,EAAE,CAAC,CAAmB,EAAE,EAAE;gCAC/B,CAAC,CAAC,eAAe,EAAE,CAAA;gCACnB,IAAA,gCAAqB,EAAC,CAAC,EAAE,mBAAmB,CAAC,CAAA;4BACjD,CAAC,GACE,GACL,GACJ,IACJ,GACJ,CACT,CAAA;AACL,CAAC,CAAA;AAhIY,QAAA,QAAQ,YAgIpB"}

package/dist/entites/progress-bar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+var progress_bar_1 = require("./ui/progress-bar");
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return progress_bar_1.ProgressBar; } });
+//# sourceMappingURL=index.js.map

package/dist/entites/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/entites/progress-bar/index.ts"],"names":[],"mappings":";;;AAAA,kDAA+C;AAAtC,2GAAA,WAAW,OAAA"}

package/dist/entites/progress-bar/lib/handlers.js

@@ -0,0 +1,109 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProgressBarFragments = exports.handleMouseDown = exports.handleClick = exports.handleMouseMove = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require("../ui/styles.module.scss"));
+// Упрощенные хендлеры для мыши
+const handleMouseMove = (e, isDragging, duration, progressContainerRef, setHoverTime) => {
+    if (!isDragging && progressContainerRef.current && duration) {
+        const rect = progressContainerRef.current.getBoundingClientRect();
+        const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+        const newTime = (clickPosition / rect.width) * duration;
+        setHoverTime(newTime);
+    }
+};
+exports.handleMouseMove = handleMouseMove;
+const handleClick = (e, isDragging, duration, progressContainerRef, videoRef, setCurrentVideoTime) => {
+    if (!isDragging && progressContainerRef.current && duration) {
+        const rect = progressContainerRef.current.getBoundingClientRect();
+        const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+        const newTime = (clickPosition / rect.width) * duration;
+        videoRef.current.currentTime = newTime;
+        setCurrentVideoTime(newTime);
+    }
+};
+exports.handleClick = handleClick;
+const handleMouseDown = (e, setIsDragging) => {
+    console.log('handleMouseDown22222');
+    setIsDragging(true);
+};
+exports.handleMouseDown = handleMouseDown;
+const getProgressBarFragments = ({ duration, fragments, bufferedFragments, currentVideoTime, }) => {
+    const elements = [];
+    // Общая логика прогресса и буфера
+    const getGradientStops = (start, end, progress, buffers) => {
+        const gradientStops = [];
+        const progressPercent = progress >= end
+            ? 100
+            : progress > start
+                ? ((progress - start) / (end - start)) * 100
+                : 0;
+        if (progressPercent > 0) {
+            gradientStops.push("#1e90ff 0%");
+            gradientStops.push(`#1e90ff ${progressPercent}%`);
+            gradientStops.push(`#444 ${progressPercent}%`);
+        }
+        else {
+            gradientStops.push("#444 0%");
+        }
+        const bufferStops = [];
+        buffers.forEach(buffered => {
+            const overlapStart = Math.max(start, buffered.start);
+            const overlapEnd = Math.min(end, buffered.end);
+            if (overlapStart < overlapEnd) {
+                const bufferStartPercent = ((overlapStart - start) / (end - start)) * 100;
+                const bufferEndPercent = ((overlapEnd - start) / (end - start)) * 100;
+                if (bufferEndPercent > progressPercent) {
+                    bufferStops.push({
+                        start: Math.max(bufferStartPercent, progressPercent),
+                        end: bufferEndPercent,
+                    });
+                }
+            }
+        });
+        bufferStops.forEach(buffer => {
+            gradientStops.push(`#666 ${buffer.start}%`);
+            gradientStops.push(`#666 ${buffer.end}%`);
+        });
+        const lastValue = gradientStops.length > 0
+            ? parseFloat(gradientStops[gradientStops.length - 1].split(" ")[1].replace("%", ""))
+            : 0;
+        if (lastValue < 100) {
+            gradientStops.push(`#444 ${Math.max(lastValue, progressPercent)}%`);
+            gradientStops.push(`#444 100%`);
+        }
+        return gradientStops;
+    };
+    // Если нет фрагментов — одна сплошная полоса
+    if (!duration || !fragments || fragments.length === 0) {
+        const gradientStops = getGradientStops(0, duration || 100, currentVideoTime, bufferedFragments);
+        const gradient = `linear-gradient(to right, ${gradientStops.join(", ")})`;
+        elements.push((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.fragment, style: {
+                left: "0%",
+                width: "100%",
+                background: gradient,
+                pointerEvents: 'none'
+            } }, "single-fragment"));
+        return elements;
+    }
+    // Если фрагменты есть — рисуем каждый фрагмент
+    fragments.forEach((fragment, index) => {
+        const fragmentStartPercent = (fragment.start / duration) * 100;
+        const fragmentEndPercent = (fragment.end / duration) * 100;
+        const fragmentWidthPercent = fragmentEndPercent - fragmentStartPercent;
+        const gradientStops = getGradientStops(fragment.start, fragment.end, currentVideoTime, bufferedFragments);
+        const gradient = `linear-gradient(to right, ${gradientStops.join(", ")})`;
+        elements.push((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.fragment, style: {
+                left: `${fragmentStartPercent}%`,
+                width: `${fragmentWidthPercent}%`,
+                background: gradient,
+                pointerEvents: 'none'
+            } }, index));
+    });
+    return elements;
+};
+exports.getProgressBarFragments = getProgressBarFragments;
+//# sourceMappingURL=handlers.js.map

package/dist/entites/progress-bar/lib/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../../src/entites/progress-bar/lib/handlers.tsx"],"names":[],"mappings":"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"}

package/dist/entites/progress-bar/ui/progress-bar.js

@@ -0,0 +1,125 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const component_1 = require("../../../component");
+const getHHSStime_1 = require("../../../shared/utils/getHHSStime");
+const handlers_1 = require("../lib/handlers");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const ProgressBar = ({ duration, videoRef, fragments, isLiveStream }) => {
+    const [hoverTime, setHoverTime] = (0, react_1.useState)(0);
+    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    const [bufferedFragments, setBufferedFragments] = (0, react_1.useState)([]);
+    const [currentVideoTime, setCurrentVideoTime] = (0, react_1.useState)(0); // Локальное состояние для времени
+    const progressContainerRef = (0, react_1.useRef)(null);
+    // const isMovingRef = useRef<HTMLDivElement>(null);
+    const animationFrameRef = (0, react_1.useRef)(0); // Ref для requestAnimationFrame
+    const context = (0, component_1.usePlayerContext)();
+    // Оптимизированный таймер для обновления времени
+    (0, react_1.useEffect)(() => {
+        const video = videoRef.current;
+        if (!video || isDragging)
+            return;
+        const updateTime = () => {
+            setCurrentVideoTime(video.currentTime);
+            animationFrameRef.current = requestAnimationFrame(updateTime);
+        };
+        // Запускаем обновление через requestAnimationFrame для плавности
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+        };
+    }, [videoRef, duration, isDragging]);
+    // Оптимизированный хендлер для перетаскивания
+    (0, react_1.useEffect)(() => {
+        if (!isDragging)
+            return;
+        const handleMouseMoveWrapper = (e) => {
+            if (!progressContainerRef.current || !duration)
+                return;
+            // Ставим видео на паузу при начале перетаскивания
+            context.setIsPaused(true);
+            // Используем requestAnimationFrame для плавного обновления
+            requestAnimationFrame(() => {
+                const rect = progressContainerRef.current.getBoundingClientRect();
+                const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+                const clickPercentage = (clickPosition / rect.width);
+                const newTime = clickPercentage * duration;
+                // Обновляем локальное состояние
+                setCurrentVideoTime(newTime);
+                videoRef.current.currentTime = newTime;
+                setHoverTime(newTime);
+                const timeHoverPosition = document.getElementById('timeHover');
+                if (timeHoverPosition) {
+                    timeHoverPosition.style.left = `${clickPosition}px`;
+                }
+            });
+        };
+        const handleMouseUpWrapper = (e) => {
+            if (!progressContainerRef.current || !videoRef.current || !duration)
+                return;
+            // const rect = progressContainerRef.current.getBoundingClientRect();
+            // const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+            // const clickPercentage = (clickPosition / rect.width);
+            // const newTime = clickPercentage * duration;
+            // Финальное обновление
+            // videoRef.current.currentTime = newTime;
+            // setCurrentVideoTime(newTime);
+            setHoverTime(0);
+            setIsDragging(false);
+            // Восстанавливаем таймер обновления
+        };
+        window.addEventListener('mousemove', handleMouseMoveWrapper);
+        window.addEventListener('mouseup', handleMouseUpWrapper, true);
+        return () => {
+            window.removeEventListener('mousemove', handleMouseMoveWrapper);
+            window.removeEventListener('mouseup', handleMouseUpWrapper, true);
+        };
+    }, [isDragging, duration, videoRef, context]);
+    // Обновляем буфер
+    (0, react_1.useEffect)(() => {
+        if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
+            return;
+        const videoElement = videoRef.current;
+        const updateBufferedRanges = () => {
+            const fragments = [];
+            for (let index = 0; index < videoElement.buffered.length; index++) {
+                fragments.push({
+                    start: videoElement.buffered.start(index),
+                    end: videoElement.buffered.end(index)
+                });
+            }
+            setBufferedFragments(fragments);
+        };
+        videoElement.addEventListener('progress', updateBufferedRanges);
+        videoElement.addEventListener('loadeddata', updateBufferedRanges);
+        return () => {
+            videoElement.removeEventListener('progress', updateBufferedRanges);
+            videoElement.removeEventListener('loadeddata', updateBufferedRanges);
+        };
+    }, [videoRef]);
+    if (isLiveStream || !duration)
+        return (0, jsx_runtime_1.jsx)("div", { children: "\u044D\u0442\u043E \u0441\u0442\u0440\u0438\u043C, \u043D\u0443\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u0434\u0435\u043B\u0430\u0442\u044C \u043F\u0440\u043E\u0433\u0440\u0435\u0441 \u0431\u0430\u0440" });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.progressBarContainer, children: [(0, jsx_runtime_1.jsx)("div", { id: 'timeHover', className: hoverTime ? styles_module_scss_1.default.progressTimeHover : styles_module_scss_1.default.progressTimeHover_hidden, style: {
+                    left: `${(hoverTime / duration) * 100}%`,
+                    display: hoverTime ? 'block' : 'none'
+                }, children: (0, getHHSStime_1.getHHSStime)(Math.trunc(hoverTime)) }), (0, jsx_runtime_1.jsx)("div", { id: "progressBar", ref: progressContainerRef, className: styles_module_scss_1.default.progressContainer, onClick: (e) => (0, handlers_1.handleClick)(e, isDragging, duration, progressContainerRef, videoRef, setCurrentVideoTime), onMouseDown: (e) => {
+                    e.stopPropagation();
+                    (0, handlers_1.handleMouseDown)(e, setIsDragging);
+                }, 
+                // onMouseLeave={() => {
+                //     if (!isDragging) {
+                //         setHoverTime(0);
+                //     }
+                // }}
+                onMouseMove: (e) => (0, handlers_1.handleMouseMove)(e, isDragging, duration, progressContainerRef, setHoverTime), children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.fragmentsContainer, children: (0, handlers_1.getProgressBarFragments)({ duration, fragments, bufferedFragments, currentVideoTime }) }) })] }));
+};
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=progress-bar.js.map

package/dist/entites/progress-bar/ui/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/entites/progress-bar/ui/progress-bar.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handlePlayPause = void 0;
+const handlePlayPause = (videoRef) => {
+    var _a, _b, _c;
+    if ((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.paused) {
+        (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.play();
+    }
+    else {
+        (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
+    }
+};
+exports.handlePlayPause = handlePlayPause;
+//# sourceMappingURL=handlers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../../src/features/player-tools/lib/handlers.ts"],"names":[],"mappings":";;;AAEO,MAAM,eAAe,GAAG,CAAC,QAA4C,EAAE,EAAE;;IAC9E,IAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAC7B,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA;IAC1B,CAAC;SAAM,CAAC;QACN,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IAC3B,CAAC;AACH,CAAC,CAAA;AANY,QAAA,eAAe,mBAM3B"}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=player-tools.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-tools.interface.js","sourceRoot":"","sources":["../../../../src/features/player-tools/model/player-tools.interface.ts"],"names":[],"mappings":""}

package/dist/features/player-tools/ui/player-tools.js

@@ -0,0 +1,23 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerTools = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_1 = require("../../../entites/ShortDescription/ui");
+const ui_2 = require("../../../entites/ShortVideoBtns/ui");
+const getDeviceIsMobile_1 = require("../../../shared/hooks/getDeviceIsMobile");
+const progress_bar_1 = require("../../../entites/progress-bar");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const PlayerTools = ({ duration, videoRef, channelId = '1', videoId = '2', dislikes = '2341', likes = '79425', channelUrl = 'channelUrl', channelAvatarUrl = 'testImages/pr.png', username = 'RestoratorGame', videoName = 'срежу воду 10 часов подряд' }) => {
+    var _a;
+    const currentTime = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.currentTime;
+    const device = (0, getDeviceIsMobile_1.getDeviceIsMobile)();
+    return (
+    // <div className={isVisibleTools ? styles.toolsContainer : styles.toolsContainer_hidden}>
+    (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.toolsContainer, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.toolsMobileContainer, children: [(device === null || device === void 0 ? void 0 : device.isMobile) && (0, jsx_runtime_1.jsx)(ui_2.ShortVideoBtns, { channelId: channelId, videoId: videoId, likes: likes, dislikes: dislikes, commentsCount: "92348" }), (0, jsx_runtime_1.jsx)(ui_1.ShortDescription, { channelAvatarUrl: channelAvatarUrl, username: username, videoName: videoName, channelUrl: channelUrl }), (0, jsx_runtime_1.jsx)(progress_bar_1.ProgressBar, { duration: duration, videoRef: videoRef })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.toolsDesktopContainer, children: !(device === null || device === void 0 ? void 0 : device.isMobile) && (0, jsx_runtime_1.jsx)(ui_2.ShortVideoBtns, { channelId: channelId, videoId: videoId, likes: likes, dislikes: dislikes, commentsCount: "92348" }) })] }));
+};
+exports.PlayerTools = PlayerTools;
+//# sourceMappingURL=player-tools.js.map

package/dist/features/player-tools/ui/player-tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-tools.js","sourceRoot":"","sources":["../../../../src/features/player-tools/ui/player-tools.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;AAMZ,6DAAwE;AACxE,2DAAoE;AACpE,+EAA4E;AAC5E,gEAA4D;AAC5D,8EAAyC;AAGlC,MAAM,WAAW,GAA2B,CAAC,EAChD,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,OAAO,GAAG,GAAG,EACb,QAAQ,GAAG,MAAM,EACjB,KAAK,GAAG,OAAO,EACf,UAAU,GAAG,YAAY,EACzB,gBAAgB,GAAG,mBAAmB,EACtC,QAAQ,GAAG,gBAAgB,EAC3B,SAAS,GAAG,4BAA4B,EAC3C,EAAE,EAAE;;IACD,MAAM,WAAW,GAAG,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,CAAA;IAEjD,MAAM,MAAM,GAAG,IAAA,qCAAiB,GAAE,CAAA;IAElC,OAAO;IACH,0FAA0F;IAC1F,iCAAK,SAAS,EAAE,4BAAM,CAAC,cAAc,aACjC,iCAAK,SAAS,EAAE,4BAAM,CAAC,oBAAoB,aACtC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAAI,uBAAC,mBAAc,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAC,OAAO,GAAE,EACtI,uBAAC,qBAAgB,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,EAEzH,uBAAC,0BAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACrD,EACN,gCAAK,SAAS,EAAE,4BAAM,CAAC,qBAAqB,YACvC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA,IAAI,uBAAC,mBAAc,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAC,OAAO,GAAE,GACrI,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,WAAW,eA8BtB"}

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortPlayer = void 0;
+var component_1 = require("./component");
+Object.defineProperty(exports, "ShortPlayer", { enumerable: true, get: function () { return component_1.ShortPlayer; } });
+//# 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,yCAAyC;AAAhC,wGAAA,WAAW,OAAA"}

package/dist/shared/constants/svgs.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.svgs = void 0;
+exports.svgs = {
+    stop: 'stop',
+    play: 'play',
+    comments: 'comments',
+    dislike: 'dislike',
+    download: 'download',
+    like: 'like',
+    magnifier: 'magnifier',
+    share: 'share',
+    verticalEllipsis: 'verticalEllipsis',
+    soundOn: 'soundOn',
+    soundOff: 'soundOff',
+    fullScreenOn: 'fullScreenOn',
+    fullScreenOff: 'fullScreenOff',
+    pictureInPicture: 'pictureInPicture',
+    subtitle: 'subtitle',
+    settings: 'settings',
+};
+//# sourceMappingURL=svgs.js.map

package/dist/shared/constants/svgs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgs.js","sourceRoot":"","sources":["../../../src/shared/constants/svgs.ts"],"names":[],"mappings":";;;AAAa,QAAA,IAAI,GAAG;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,OAAO;IACd,gBAAgB,EAAE,kBAAkB;IACpC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,eAAe;IAC9B,gBAAgB,EAAE,kBAAkB;IACpC,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;CACvB,CAAA"}

package/dist/shared/constants/themes.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = void 0;
+exports.themes = [
+    { id: 'device', name: 'Как на устройстве' },
+    { id: 'dark', name: 'Темная' },
+    { id: 'light', name: 'Светлая' },
+];
+//# sourceMappingURL=themes.js.map

package/dist/shared/constants/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../src/shared/constants/themes.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IAClB,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,mBAAmB,EAAE;IAC3C,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9B,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE;CACnC,CAAA"}

package/dist/shared/hooks/getDeviceIsMobile.d.ts

@@ -1,5 +1,5 @@
 export declare const getDeviceIsMobile: () => {
     isTablet: boolean;
     isMobile: boolean;
-} | undefined;
+};
 //# sourceMappingURL=getDeviceIsMobile.d.ts.map

package/dist/shared/hooks/getDeviceIsMobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDeviceIsMobile.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/getDeviceIsMobile.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;aAU7B,CAAA"}
+{"version":3,"file":"getDeviceIsMobile.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/getDeviceIsMobile.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;CAU7B,CAAA"}

package/dist/shared/hooks/getDeviceIsMobile.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDeviceIsMobile = void 0;
+const getDeviceIsMobile = () => {
+    if (typeof window === 'undefined') {
+        console.log("getDeviceIsMobile недоступен на сервере");
+        return;
+    }
+    const tabletMediaQuery = window.matchMedia('(max-width: 1280px)');
+    const mobileMediaQuery = window.matchMedia('(max-width: 768px)');
+    return { isTablet: tabletMediaQuery.matches || false, isMobile: mobileMediaQuery.matches || false };
+};
+exports.getDeviceIsMobile = getDeviceIsMobile;
+//# sourceMappingURL=getDeviceIsMobile.js.map

package/dist/shared/hooks/getDeviceIsMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDeviceIsMobile.js","sourceRoot":"","sources":["../../../src/shared/hooks/getDeviceIsMobile.ts"],"names":[],"mappings":";;;AAAO,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAChC,OAAO,CAAC,GAAG,CAAC,yCAAyC,CAAC,CAAC;QACvD,OAAO;IACX,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAA;IACjE,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEhE,OAAO,EAAC,QAAQ,EAAE,gBAAgB,CAAC,OAAO,IAAI,KAAK,EAAE,QAAQ,EAAE,gBAAgB,CAAC,OAAO,IAAI,KAAK,EAAC,CAAA;AACrG,CAAC,CAAA;AAVY,QAAA,iBAAiB,qBAU7B"}