@webitch/short-player 0.1.1 → 0.1.3

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.
Files changed (108) hide show
  1. package/dist/app/layout.d.ts +6 -6
  2. package/dist/app/layout.js +23 -0
  3. package/dist/app/layout.js.map +1 -0
  4. package/dist/app/page.d.ts +1 -1
  5. package/dist/app/page.js +19 -0
  6. package/dist/app/page.js.map +1 -0
  7. package/dist/component/index.d.ts +20 -20
  8. package/dist/component/index.d.ts.map +1 -1
  9. package/dist/component/index.js +64 -0
  10. package/dist/component/index.js.map +1 -0
  11. package/dist/entites/PlayBtn/ui/index.d.ts +4 -4
  12. package/dist/entites/PlayBtn/ui/index.js +23 -0
  13. package/dist/entites/PlayBtn/ui/index.js.map +1 -0
  14. package/dist/entites/ProgressBar/index.d.ts +1 -1
  15. package/dist/entites/ProgressBar/index.js +6 -0
  16. package/dist/entites/ProgressBar/index.js.map +1 -0
  17. package/dist/entites/ProgressBar/lib/handlers.d.ts +10 -10
  18. package/dist/entites/ProgressBar/lib/handlers.js +99 -0
  19. package/dist/entites/ProgressBar/lib/handlers.js.map +1 -0
  20. package/dist/entites/ProgressBar/ui/index.d.ts +7 -7
  21. package/dist/entites/ProgressBar/ui/index.js +135 -0
  22. package/dist/entites/ProgressBar/ui/index.js.map +1 -0
  23. package/dist/entites/SettingsButtons/index.d.ts +1 -1
  24. package/dist/entites/SettingsButtons/index.js +6 -0
  25. package/dist/entites/SettingsButtons/index.js.map +1 -0
  26. package/dist/entites/SettingsButtons/lib/handlers.d.ts +7 -7
  27. package/dist/entites/SettingsButtons/lib/handlers.js +46 -0
  28. package/dist/entites/SettingsButtons/lib/handlers.js.map +1 -0
  29. package/dist/entites/SettingsButtons/models/settings-buttons.interface.d.ts +5 -5
  30. package/dist/entites/SettingsButtons/models/settings-buttons.interface.js +3 -0
  31. package/dist/entites/SettingsButtons/models/settings-buttons.interface.js.map +1 -0
  32. package/dist/entites/SettingsButtons/ui/index.d.ts +2 -2
  33. package/dist/entites/SettingsButtons/ui/index.js +60 -0
  34. package/dist/entites/SettingsButtons/ui/index.js.map +1 -0
  35. package/dist/entites/ShortDescription/ui/index.d.ts +9 -9
  36. package/dist/entites/ShortDescription/ui/index.d.ts.map +1 -1
  37. package/dist/entites/ShortDescription/ui/index.js +15 -0
  38. package/dist/entites/ShortDescription/ui/index.js.map +1 -0
  39. package/dist/entites/ShortVideoBtns/ui/index.d.ts +10 -10
  40. package/dist/entites/ShortVideoBtns/ui/index.d.ts.map +1 -1
  41. package/dist/entites/ShortVideoBtns/ui/index.js +16 -0
  42. package/dist/entites/ShortVideoBtns/ui/index.js.map +1 -0
  43. package/dist/entites/SoundBtn/lib/handlers.d.ts +5 -5
  44. package/dist/entites/SoundBtn/lib/handlers.js +61 -0
  45. package/dist/entites/SoundBtn/lib/handlers.js.map +1 -0
  46. package/dist/entites/SoundBtn/ui/index.d.ts +6 -6
  47. package/dist/entites/SoundBtn/ui/index.js +94 -0
  48. package/dist/entites/SoundBtn/ui/index.js.map +1 -0
  49. package/dist/entites/progress-bar/index.d.ts +1 -1
  50. package/dist/entites/progress-bar/index.js +6 -0
  51. package/dist/entites/progress-bar/index.js.map +1 -0
  52. package/dist/entites/progress-bar/lib/handlers.d.ts +15 -15
  53. package/dist/entites/progress-bar/lib/handlers.js +109 -0
  54. package/dist/entites/progress-bar/lib/handlers.js.map +1 -0
  55. package/dist/entites/progress-bar/ui/progress-bar.d.ts +10 -10
  56. package/dist/entites/progress-bar/ui/progress-bar.js +125 -0
  57. package/dist/entites/progress-bar/ui/progress-bar.js.map +1 -0
  58. package/dist/features/player-tools/lib/handlers.d.ts +2 -2
  59. package/dist/features/player-tools/lib/handlers.js +14 -0
  60. package/dist/features/player-tools/lib/handlers.js.map +1 -0
  61. package/dist/features/player-tools/model/player-tools.interface.d.ts +13 -13
  62. package/dist/features/player-tools/model/player-tools.interface.js +3 -0
  63. package/dist/features/player-tools/model/player-tools.interface.js.map +1 -0
  64. package/dist/features/player-tools/ui/player-tools.d.ts +2 -2
  65. package/dist/features/player-tools/ui/player-tools.js +23 -0
  66. package/dist/features/player-tools/ui/player-tools.js.map +1 -0
  67. package/dist/index.d.ts +2 -0
  68. package/dist/index.d.ts.map +1 -0
  69. package/dist/index.js +6 -0
  70. package/dist/index.js.map +1 -0
  71. package/dist/shared/constants/svgs.d.ts +18 -18
  72. package/dist/shared/constants/svgs.js +22 -0
  73. package/dist/shared/constants/svgs.js.map +1 -0
  74. package/dist/shared/constants/themes.d.ts +4 -4
  75. package/dist/shared/constants/themes.js +9 -0
  76. package/dist/shared/constants/themes.js.map +1 -0
  77. package/dist/shared/hooks/getDeviceIsMobile.d.ts +4 -4
  78. package/dist/shared/hooks/getDeviceIsMobile.d.ts.map +1 -1
  79. package/dist/shared/hooks/getDeviceIsMobile.js +14 -0
  80. package/dist/shared/hooks/getDeviceIsMobile.js.map +1 -0
  81. package/dist/shared/providers/themeProvider.d.ts +16 -16
  82. package/dist/shared/providers/themeProvider.js +56 -0
  83. package/dist/shared/providers/themeProvider.js.map +1 -0
  84. package/dist/shared/ui/Svg/index.d.ts +12 -12
  85. package/dist/shared/ui/Svg/index.d.ts.map +1 -1
  86. package/dist/shared/ui/Svg/index.js +49 -0
  87. package/dist/shared/ui/Svg/index.js.map +1 -0
  88. package/dist/shared/ui/index.d.ts +1 -1
  89. package/dist/shared/ui/index.js +6 -0
  90. package/dist/shared/ui/index.js.map +1 -0
  91. package/dist/shared/utils/formatViews.d.ts +1 -1
  92. package/dist/shared/utils/formatViews.js +14 -0
  93. package/dist/shared/utils/formatViews.js.map +1 -0
  94. package/dist/shared/utils/getHHSStime.d.ts +1 -1
  95. package/dist/shared/utils/getHHSStime.d.ts.map +1 -1
  96. package/dist/shared/utils/getHHSStime.js +36 -0
  97. package/dist/shared/utils/getHHSStime.js.map +1 -0
  98. package/dist/widgets/video-tag/lib/handlers.d.ts +5 -5
  99. package/dist/widgets/video-tag/lib/handlers.js +26 -0
  100. package/dist/widgets/video-tag/lib/handlers.js.map +1 -0
  101. package/dist/widgets/video-tag/model/video-tag.interface.d.ts +15 -15
  102. package/dist/widgets/video-tag/model/video-tag.interface.js +3 -0
  103. package/dist/widgets/video-tag/model/video-tag.interface.js.map +1 -0
  104. package/dist/widgets/video-tag/ui/video-tag.d.ts +2 -2
  105. package/dist/widgets/video-tag/ui/video-tag.js +62 -0
  106. package/dist/widgets/video-tag/ui/video-tag.js.map +1 -0
  107. package/package.json +6 -4
  108. package/dist/index.ts +0 -1
@@ -0,0 +1,125 @@
1
+ 'use client';
2
+ "use strict";
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
+ exports.ProgressBar = void 0;
8
+ const jsx_runtime_1 = require("react/jsx-runtime");
9
+ const react_1 = require("react");
10
+ const component_1 = require("../../../component");
11
+ const getHHSStime_1 = require("../../../shared/utils/getHHSStime");
12
+ const handlers_1 = require("../lib/handlers");
13
+ const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
14
+ const ProgressBar = ({ duration, videoRef, fragments, isLiveStream }) => {
15
+ const [hoverTime, setHoverTime] = (0, react_1.useState)(0);
16
+ const [isDragging, setIsDragging] = (0, react_1.useState)(false);
17
+ const [bufferedFragments, setBufferedFragments] = (0, react_1.useState)([]);
18
+ const [currentVideoTime, setCurrentVideoTime] = (0, react_1.useState)(0); // Локальное состояние для времени
19
+ const progressContainerRef = (0, react_1.useRef)(null);
20
+ // const isMovingRef = useRef<HTMLDivElement>(null);
21
+ const animationFrameRef = (0, react_1.useRef)(0); // Ref для requestAnimationFrame
22
+ const context = (0, component_1.usePlayerContext)();
23
+ // Оптимизированный таймер для обновления времени
24
+ (0, react_1.useEffect)(() => {
25
+ const video = videoRef.current;
26
+ if (!video || isDragging)
27
+ return;
28
+ const updateTime = () => {
29
+ setCurrentVideoTime(video.currentTime);
30
+ animationFrameRef.current = requestAnimationFrame(updateTime);
31
+ };
32
+ // Запускаем обновление через requestAnimationFrame для плавности
33
+ animationFrameRef.current = requestAnimationFrame(updateTime);
34
+ return () => {
35
+ if (animationFrameRef.current) {
36
+ cancelAnimationFrame(animationFrameRef.current);
37
+ }
38
+ };
39
+ }, [videoRef, duration, isDragging]);
40
+ // Оптимизированный хендлер для перетаскивания
41
+ (0, react_1.useEffect)(() => {
42
+ if (!isDragging)
43
+ return;
44
+ const handleMouseMoveWrapper = (e) => {
45
+ if (!progressContainerRef.current || !duration)
46
+ return;
47
+ // Ставим видео на паузу при начале перетаскивания
48
+ context.setIsPaused(true);
49
+ // Используем requestAnimationFrame для плавного обновления
50
+ requestAnimationFrame(() => {
51
+ const rect = progressContainerRef.current.getBoundingClientRect();
52
+ const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
53
+ const clickPercentage = (clickPosition / rect.width);
54
+ const newTime = clickPercentage * duration;
55
+ // Обновляем локальное состояние
56
+ setCurrentVideoTime(newTime);
57
+ videoRef.current.currentTime = newTime;
58
+ setHoverTime(newTime);
59
+ const timeHoverPosition = document.getElementById('timeHover');
60
+ if (timeHoverPosition) {
61
+ timeHoverPosition.style.left = `${clickPosition}px`;
62
+ }
63
+ });
64
+ };
65
+ const handleMouseUpWrapper = (e) => {
66
+ if (!progressContainerRef.current || !videoRef.current || !duration)
67
+ return;
68
+ // const rect = progressContainerRef.current.getBoundingClientRect();
69
+ // const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
70
+ // const clickPercentage = (clickPosition / rect.width);
71
+ // const newTime = clickPercentage * duration;
72
+ // Финальное обновление
73
+ // videoRef.current.currentTime = newTime;
74
+ // setCurrentVideoTime(newTime);
75
+ setHoverTime(0);
76
+ setIsDragging(false);
77
+ // Восстанавливаем таймер обновления
78
+ };
79
+ window.addEventListener('mousemove', handleMouseMoveWrapper);
80
+ window.addEventListener('mouseup', handleMouseUpWrapper, true);
81
+ return () => {
82
+ window.removeEventListener('mousemove', handleMouseMoveWrapper);
83
+ window.removeEventListener('mouseup', handleMouseUpWrapper, true);
84
+ };
85
+ }, [isDragging, duration, videoRef, context]);
86
+ // Обновляем буфер
87
+ (0, react_1.useEffect)(() => {
88
+ if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
89
+ return;
90
+ const videoElement = videoRef.current;
91
+ const updateBufferedRanges = () => {
92
+ const fragments = [];
93
+ for (let index = 0; index < videoElement.buffered.length; index++) {
94
+ fragments.push({
95
+ start: videoElement.buffered.start(index),
96
+ end: videoElement.buffered.end(index)
97
+ });
98
+ }
99
+ setBufferedFragments(fragments);
100
+ };
101
+ videoElement.addEventListener('progress', updateBufferedRanges);
102
+ videoElement.addEventListener('loadeddata', updateBufferedRanges);
103
+ return () => {
104
+ videoElement.removeEventListener('progress', updateBufferedRanges);
105
+ videoElement.removeEventListener('loadeddata', updateBufferedRanges);
106
+ };
107
+ }, [videoRef]);
108
+ if (isLiveStream || !duration)
109
+ 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" });
110
+ 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: {
111
+ left: `${(hoverTime / duration) * 100}%`,
112
+ display: hoverTime ? 'block' : 'none'
113
+ }, 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) => {
114
+ e.stopPropagation();
115
+ (0, handlers_1.handleMouseDown)(e, setIsDragging);
116
+ },
117
+ // onMouseLeave={() => {
118
+ // if (!isDragging) {
119
+ // setHoverTime(0);
120
+ // }
121
+ // }}
122
+ 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 }) }) })] }));
123
+ };
124
+ exports.ProgressBar = ProgressBar;
125
+ //# sourceMappingURL=progress-bar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/entites/progress-bar/ui/progress-bar.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- import { RefObject } from "react";
2
- export declare const handlePlayPause: (videoRef: RefObject<HTMLVideoElement | null>) => void;
1
+ import { RefObject } from "react";
2
+ export declare const handlePlayPause: (videoRef: RefObject<HTMLVideoElement | null>) => void;
3
3
  //# sourceMappingURL=handlers.d.ts.map
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.handlePlayPause = void 0;
4
+ const handlePlayPause = (videoRef) => {
5
+ var _a, _b, _c;
6
+ if ((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.paused) {
7
+ (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.play();
8
+ }
9
+ else {
10
+ (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
11
+ }
12
+ };
13
+ exports.handlePlayPause = handlePlayPause;
14
+ //# sourceMappingURL=handlers.js.map
@@ -0,0 +1 @@
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"}
@@ -1,14 +1,14 @@
1
- import { RefObject } from "react";
2
- export interface IPlayerTools {
3
- duration: number;
4
- videoRef: RefObject<HTMLVideoElement | null>;
5
- channelId: string;
6
- videoId: string;
7
- dislikes: string;
8
- likes: string;
9
- channelUrl: string;
10
- channelAvatarUrl: string;
11
- username: string;
12
- videoName: string;
13
- }
1
+ import { RefObject } from "react";
2
+ export interface IPlayerTools {
3
+ duration: number;
4
+ videoRef: RefObject<HTMLVideoElement | null>;
5
+ channelId: string;
6
+ videoId: string;
7
+ dislikes: string;
8
+ likes: string;
9
+ channelUrl: string;
10
+ channelAvatarUrl: string;
11
+ username: string;
12
+ videoName: string;
13
+ }
14
14
  //# sourceMappingURL=player-tools.interface.d.ts.map
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=player-tools.interface.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"player-tools.interface.js","sourceRoot":"","sources":["../../../../src/features/player-tools/model/player-tools.interface.ts"],"names":[],"mappings":""}
@@ -1,3 +1,3 @@
1
- import { IPlayerTools } from "../model/player-tools.interface";
2
- export declare const PlayerTools: React.FC<IPlayerTools>;
1
+ import { IPlayerTools } from "../model/player-tools.interface";
2
+ export declare const PlayerTools: React.FC<IPlayerTools>;
3
3
  //# sourceMappingURL=player-tools.d.ts.map
@@ -0,0 +1,23 @@
1
+ 'use client';
2
+ "use strict";
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
+ exports.PlayerTools = void 0;
8
+ const jsx_runtime_1 = require("react/jsx-runtime");
9
+ const ui_1 = require("../../../entites/ShortDescription/ui");
10
+ const ui_2 = require("../../../entites/ShortVideoBtns/ui");
11
+ const getDeviceIsMobile_1 = require("../../../shared/hooks/getDeviceIsMobile");
12
+ const progress_bar_1 = require("../../../entites/progress-bar");
13
+ const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
14
+ const PlayerTools = ({ duration, videoRef, channelId = '1', videoId = '2', dislikes = '2341', likes = '79425', channelUrl = 'channelUrl', channelAvatarUrl = 'testImages/pr.png', username = 'RestoratorGame', videoName = 'срежу воду 10 часов подряд' }) => {
15
+ var _a;
16
+ const currentTime = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.currentTime;
17
+ const device = (0, getDeviceIsMobile_1.getDeviceIsMobile)();
18
+ return (
19
+ // <div className={isVisibleTools ? styles.toolsContainer : styles.toolsContainer_hidden}>
20
+ (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" }) })] }));
21
+ };
22
+ exports.PlayerTools = PlayerTools;
23
+ //# sourceMappingURL=player-tools.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export { ShortPlayer } from './component';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}
package/dist/index.js ADDED
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ShortPlayer = void 0;
4
+ var component_1 = require("./component");
5
+ Object.defineProperty(exports, "ShortPlayer", { enumerable: true, get: function () { return component_1.ShortPlayer; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yCAAyC;AAAhC,wGAAA,WAAW,OAAA"}
@@ -1,19 +1,19 @@
1
- export declare const svgs: {
2
- stop: string;
3
- play: string;
4
- comments: string;
5
- dislike: string;
6
- download: string;
7
- like: string;
8
- magnifier: string;
9
- share: string;
10
- verticalEllipsis: string;
11
- soundOn: string;
12
- soundOff: string;
13
- fullScreenOn: string;
14
- fullScreenOff: string;
15
- pictureInPicture: string;
16
- subtitle: string;
17
- settings: string;
18
- };
1
+ export declare const svgs: {
2
+ stop: string;
3
+ play: string;
4
+ comments: string;
5
+ dislike: string;
6
+ download: string;
7
+ like: string;
8
+ magnifier: string;
9
+ share: string;
10
+ verticalEllipsis: string;
11
+ soundOn: string;
12
+ soundOff: string;
13
+ fullScreenOn: string;
14
+ fullScreenOff: string;
15
+ pictureInPicture: string;
16
+ subtitle: string;
17
+ settings: string;
18
+ };
19
19
  //# sourceMappingURL=svgs.d.ts.map
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.svgs = void 0;
4
+ exports.svgs = {
5
+ stop: 'stop',
6
+ play: 'play',
7
+ comments: 'comments',
8
+ dislike: 'dislike',
9
+ download: 'download',
10
+ like: 'like',
11
+ magnifier: 'magnifier',
12
+ share: 'share',
13
+ verticalEllipsis: 'verticalEllipsis',
14
+ soundOn: 'soundOn',
15
+ soundOff: 'soundOff',
16
+ fullScreenOn: 'fullScreenOn',
17
+ fullScreenOff: 'fullScreenOff',
18
+ pictureInPicture: 'pictureInPicture',
19
+ subtitle: 'subtitle',
20
+ settings: 'settings',
21
+ };
22
+ //# sourceMappingURL=svgs.js.map
@@ -0,0 +1 @@
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"}
@@ -1,5 +1,5 @@
1
- export declare const themes: {
2
- id: string;
3
- name: string;
4
- }[];
1
+ export declare const themes: {
2
+ id: string;
3
+ name: string;
4
+ }[];
5
5
  //# sourceMappingURL=themes.d.ts.map
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.themes = void 0;
4
+ exports.themes = [
5
+ { id: 'device', name: 'Как на устройстве' },
6
+ { id: 'dark', name: 'Темная' },
7
+ { id: 'light', name: 'Светлая' },
8
+ ];
9
+ //# sourceMappingURL=themes.js.map
@@ -0,0 +1 @@
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"}
@@ -1,5 +1,5 @@
1
- export declare const getDeviceIsMobile: () => {
2
- isTablet: boolean;
3
- isMobile: boolean;
4
- } | undefined;
1
+ export declare const getDeviceIsMobile: () => {
2
+ isTablet: boolean;
3
+ isMobile: boolean;
4
+ };
5
5
  //# sourceMappingURL=getDeviceIsMobile.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"getDeviceIsMobile.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/getDeviceIsMobile.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;aAU7B,CAAA"}
1
+ {"version":3,"file":"getDeviceIsMobile.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/getDeviceIsMobile.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;CAU7B,CAAA"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getDeviceIsMobile = void 0;
4
+ const getDeviceIsMobile = () => {
5
+ if (typeof window === 'undefined') {
6
+ console.log("getDeviceIsMobile недоступен на сервере");
7
+ return;
8
+ }
9
+ const tabletMediaQuery = window.matchMedia('(max-width: 1280px)');
10
+ const mobileMediaQuery = window.matchMedia('(max-width: 768px)');
11
+ return { isTablet: tabletMediaQuery.matches || false, isMobile: mobileMediaQuery.matches || false };
12
+ };
13
+ exports.getDeviceIsMobile = getDeviceIsMobile;
14
+ //# sourceMappingURL=getDeviceIsMobile.js.map
@@ -0,0 +1 @@
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"}
@@ -1,17 +1,17 @@
1
- export type Theme = 'light' | 'dark' | 'device';
2
- interface ThemeContextType {
3
- theme: Theme;
4
- setTheme: (theme: Theme) => void;
5
- }
6
- export declare enum Themes {
7
- light = "\u0441\u0432\u0435\u0442\u043B\u0430\u044F",
8
- dark = "\u0442\u0435\u043C\u043D\u0430\u044F",
9
- device = "\u043A\u0430\u043A \u043D\u0430 \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435"
10
- }
11
- export declare function ThemeProvider({ children, initialTheme }: {
12
- children: React.ReactNode;
13
- initialTheme: Theme;
14
- }): import("react/jsx-runtime").JSX.Element;
15
- export declare const useTheme: () => ThemeContextType;
16
- export {};
1
+ export type Theme = 'light' | 'dark' | 'device';
2
+ interface ThemeContextType {
3
+ theme: Theme;
4
+ setTheme: (theme: Theme) => void;
5
+ }
6
+ export declare enum Themes {
7
+ light = "\u0441\u0432\u0435\u0442\u043B\u0430\u044F",
8
+ dark = "\u0442\u0435\u043C\u043D\u0430\u044F",
9
+ device = "\u043A\u0430\u043A \u043D\u0430 \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435"
10
+ }
11
+ export declare function ThemeProvider({ children, initialTheme }: {
12
+ children: React.ReactNode;
13
+ initialTheme: Theme;
14
+ }): import("react/jsx-runtime").JSX.Element;
15
+ export declare const useTheme: () => ThemeContextType;
16
+ export {};
17
17
  //# sourceMappingURL=themeProvider.d.ts.map
@@ -0,0 +1,56 @@
1
+ 'use client';
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.useTheme = exports.Themes = void 0;
5
+ exports.ThemeProvider = ThemeProvider;
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
+ const react_1 = require("react");
8
+ var Themes;
9
+ (function (Themes) {
10
+ Themes["light"] = "\u0441\u0432\u0435\u0442\u043B\u0430\u044F";
11
+ Themes["dark"] = "\u0442\u0435\u043C\u043D\u0430\u044F";
12
+ Themes["device"] = "\u043A\u0430\u043A \u043D\u0430 \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435";
13
+ })(Themes || (exports.Themes = Themes = {}));
14
+ const ThemeContext = (0, react_1.createContext)(undefined);
15
+ function ThemeProvider({ children, initialTheme }) {
16
+ const [theme, setThemeState] = (0, react_1.useState)(initialTheme);
17
+ const setTheme = (newTheme) => {
18
+ setThemeState(newTheme);
19
+ applyTheme(newTheme);
20
+ };
21
+ const applyTheme = (themeValue) => {
22
+ const root = document.documentElement;
23
+ if (themeValue === 'device') {
24
+ const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
25
+ root.setAttribute('data-theme', isDark ? 'dark' : 'light');
26
+ }
27
+ else {
28
+ root.setAttribute('data-theme', themeValue);
29
+ }
30
+ };
31
+ // Следим за изменением системной темы
32
+ (0, react_1.useEffect)(() => {
33
+ const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
34
+ const handleChange = () => {
35
+ if (theme === 'device') {
36
+ applyTheme('device');
37
+ }
38
+ };
39
+ mediaQuery.addEventListener('change', handleChange);
40
+ return () => mediaQuery.removeEventListener('change', handleChange);
41
+ }, [theme]);
42
+ // Применяем тему при монтировании
43
+ (0, react_1.useEffect)(() => {
44
+ applyTheme(theme);
45
+ }, [theme]);
46
+ return ((0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: { theme, setTheme }, children: children }));
47
+ }
48
+ const useTheme = () => {
49
+ const context = (0, react_1.useContext)(ThemeContext);
50
+ if (!context) {
51
+ throw new Error('useTheme must be used within ThemeProvider');
52
+ }
53
+ return context;
54
+ };
55
+ exports.useTheme = useTheme;
56
+ //# sourceMappingURL=themeProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeProvider.js","sourceRoot":"","sources":["../../../src/shared/providers/themeProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAoBb,sCAkDC;;AApED,iCAAuE;AAUvE,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,8DAAiB,CAAA;IACjB,uDAAe,CAAA;IACf,iHAA4B,CAAA;AAC9B,CAAC,EAJW,MAAM,sBAAN,MAAM,QAIjB;AAED,MAAM,YAAY,GAAG,IAAA,qBAAa,EAA+B,SAAS,CAAC,CAAC;AAE5E,SAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAY,EAIb;IACC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAQ,YAAY,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,CAAC,QAAe,EAAE,EAAE;QACnC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,UAAiB,EAAE,EAAE;QACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QAEtC,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;YAEzE,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,CAAC;IAEF,sCAAsC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAErE,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACvB,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEF,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,kCAAkC;IAClC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAC9C,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC;AAEM,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB"}
@@ -1,13 +1,13 @@
1
- import { svgs } from "@/shared/constants/svgs";
2
- declare const sizes: {
3
- small: number;
4
- middle: number;
5
- big: number;
6
- };
7
- interface ISvg {
8
- name: keyof typeof svgs;
9
- size?: keyof typeof sizes;
10
- }
11
- export declare const Svg: React.FC<ISvg>;
12
- export {};
1
+ import { svgs } from "../../constants/svgs";
2
+ declare const sizes: {
3
+ small: number;
4
+ middle: number;
5
+ big: number;
6
+ };
7
+ interface ISvg {
8
+ name: keyof typeof svgs;
9
+ size?: keyof typeof sizes;
10
+ }
11
+ export declare const Svg: React.FC<ISvg>;
12
+ export {};
13
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/ui/Svg/index.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAG9C,QAAA,MAAM,KAAK;;;;CAIV,CAAA;AAED,UAAU,IAAI;IACV,IAAI,EAAE,MAAM,OAAO,IAAI,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;CAC5B;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CA0F9B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/ui/Svg/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,QAAA,MAAM,KAAK;;;;CAIV,CAAA;AAED,UAAU,IAAI;IACV,IAAI,EAAE,MAAM,OAAO,IAAI,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;CAC5B;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CA0F9B,CAAA"}
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Svg = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const sizes = {
6
+ small: 16,
7
+ middle: 24,
8
+ big: 32,
9
+ };
10
+ const Svg = ({ name, size = 'middle' }) => {
11
+ switch (name) {
12
+ case 'soundOn':
13
+ return (0, jsx_runtime_1.jsxs)("svg", { fill: "currentColor", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], children: [(0, jsx_runtime_1.jsx)("path", { d: "M 11.60 2.08 L 11.48 2.14 L 3.91 6.68 C 3.02 7.21 2.28 7.97 1.77 8.87 C 1.26 9.77 1.00 10.79 1 11.83 V 12.16 L 1.01 12.56 C 1.07 13.52 1.37 14.46 1.87 15.29 C 2.38 16.12 3.08 16.81 3.91 17.31 L 11.48 21.85 C 11.63 21.94 11.80 21.99 11.98 21.99 C 12.16 22.00 12.33 21.95 12.49 21.87 C 12.64 21.78 12.77 21.65 12.86 21.50 C 12.95 21.35 13 21.17 13 21 V 3 C 12.99 2.83 12.95 2.67 12.87 2.52 C 12.80 2.37 12.68 2.25 12.54 2.16 C 12.41 2.07 12.25 2.01 12.08 2.00 C 11.92 1.98 11.75 2.01 11.60 2.08 Z", fill: "#fff" }), (0, jsx_runtime_1.jsx)("path", { d: " M 15.53 7.05 C 15.35 7.22 15.25 7.45 15.24 7.70 C 15.23 7.95 15.31 8.19 15.46 8.38 L 15.53 8.46 L 15.70 8.64 C 16.09 9.06 16.39 9.55 16.61 10.08 L 16.70 10.31 C 16.90 10.85 17 11.42 17 12 L 16.99 12.24 C 16.96 12.73 16.87 13.22 16.70 13.68 L 16.61 13.91 C 16.36 14.51 15.99 15.07 15.53 15.53 C 15.35 15.72 15.25 15.97 15.26 16.23 C 15.26 16.49 15.37 16.74 15.55 16.92 C 15.73 17.11 15.98 17.21 16.24 17.22 C 16.50 17.22 16.76 17.12 16.95 16.95 C 17.6 16.29 18.11 15.52 18.46 14.67 L 18.59 14.35 C 18.82 13.71 18.95 13.03 18.99 12.34 L 19 12 C 18.99 11.19 18.86 10.39 18.59 9.64 L 18.46 9.32 C 18.15 8.57 17.72 7.89 17.18 7.3 L 16.95 7.05 L 16.87 6.98 C 16.68 6.82 16.43 6.74 16.19 6.75 C 15.94 6.77 15.71 6.87 15.53 7.05", fill: "#fff", transform: "translate(18, 12) scale(1) translate(-18,-12)" }), (0, jsx_runtime_1.jsx)("path", { d: "M18.36 4.22C18.18 4.39 18.08 4.62 18.07 4.87C18.05 5.12 18.13 5.36 18.29 5.56L18.36 5.63L18.66 5.95C19.36 6.72 19.91 7.60 20.31 8.55L20.47 8.96C20.82 9.94 21 10.96 21 11.99L20.98 12.44C20.94 13.32 20.77 14.19 20.47 15.03L20.31 15.44C19.86 16.53 19.19 17.52 18.36 18.36C18.17 18.55 18.07 18.80 18.07 19.07C18.07 19.33 18.17 19.59 18.36 19.77C18.55 19.96 18.80 20.07 19.07 20.07C19.33 20.07 19.59 19.96 19.77 19.77C20.79 18.75 21.61 17.54 22.16 16.20L22.35 15.70C22.72 14.68 22.93 13.62 22.98 12.54L23 12C22.99 10.73 22.78 9.48 22.35 8.29L22.16 7.79C21.67 6.62 20.99 5.54 20.15 4.61L19.77 4.22L19.70 4.15C19.51 3.99 19.26 3.91 19.02 3.93C18.77 3.94 18.53 4.04 18.36 4.22 Z", fill: "#fff", transform: "translate(22, 12) scale(1) translate(-22, -12)" })] });
14
+ case 'soundOff':
15
+ return (0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], children: (0, jsx_runtime_1.jsx)("path", { d: "M11.60 2.08L11.48 2.14L3.91 6.68C3.02 7.21 2.28 7.97 1.77 8.87C1.26 9.77 1.00 10.79 1 11.83V12.16L1.01 12.56C1.07 13.52 1.37 14.46 1.87 15.29C2.38 16.12 3.08 16.81 3.91 17.31L11.48 21.85C11.63 21.94 11.80 21.99 11.98 21.99C12.16 22.00 12.33 21.95 12.49 21.87C12.64 21.78 12.77 21.65 12.86 21.50C12.95 21.35 13 21.17 13 21V3C12.99 2.83 12.95 2.67 12.87 2.52C12.80 2.37 12.68 2.25 12.54 2.16C12.41 2.07 12.25 2.01 12.08 2.00C11.92 1.98 11.75 2.01 11.60 2.08ZM4.94 8.4V8.40L11 4.76V19.23L4.94 15.6C4.38 15.26 3.92 14.80 3.58 14.25C3.24 13.70 3.05 13.07 3.00 12.43L3 12.17V11.83C2.99 11.14 3.17 10.46 3.51 9.86C3.85 9.25 4.34 8.75 4.94 8.4ZM21.29 8.29L19 10.58L16.70 8.29L16.63 8.22C16.43 8.07 16.19 7.99 15.95 8.00C15.70 8.01 15.47 8.12 15.29 8.29C15.12 8.47 15.01 8.70 15.00 8.95C14.99 9.19 15.07 9.43 15.22 9.63L15.29 9.70L17.58 12L15.29 14.29C15.19 14.38 15.12 14.49 15.06 14.61C15.01 14.73 14.98 14.87 14.98 15.00C14.98 15.13 15.01 15.26 15.06 15.39C15.11 15.51 15.18 15.62 15.28 15.71C15.37 15.81 15.48 15.88 15.60 15.93C15.73 15.98 15.86 16.01 15.99 16.01C16.12 16.01 16.26 15.98 16.38 15.93C16.50 15.87 16.61 15.80 16.70 15.70L19 13.41L21.29 15.70L21.36 15.77C21.56 15.93 21.80 16.01 22.05 15.99C22.29 15.98 22.53 15.88 22.70 15.70C22.88 15.53 22.98 15.29 22.99 15.05C23.00 14.80 22.93 14.56 22.77 14.36L22.70 14.29L20.41 12L22.70 9.70C22.80 9.61 22.87 9.50 22.93 9.38C22.98 9.26 23.01 9.12 23.01 8.99C23.01 8.86 22.98 8.73 22.93 8.60C22.88 8.48 22.81 8.37 22.71 8.28C22.62 8.18 22.51 8.11 22.39 8.06C22.26 8.01 22.13 7.98 22.00 7.98C21.87 7.98 21.73 8.01 21.61 8.06C21.49 8.12 21.38 8.19 21.29 8.29Z", fill: "white" }) });
16
+ case 'stop':
17
+ return (0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", height: sizes[size], viewBox: "0 0 36 36", width: sizes[size], children: (0, jsx_runtime_1.jsx)("path", { d: "M 12.75 4.5 L 9.75 4.5 C 9.15 4.5 8.58 4.73 8.15 5.15 C 7.73 5.58 7.5 6.15 7.5 6.75 L 7.5 29.25 C 7.5 29.84 7.73 30.41 8.15 30.84 C 8.58 31.26 9.15 31.5 9.75 31.5 L 12.75 31.5 C 13.34 31.5 13.91 31.26 14.34 30.84 C 14.76 30.41 15 29.84 15 29.25 L 15 6.75 C 15 6.15 14.76 5.58 14.34 5.15 C 13.91 4.73 13.34 4.5 12.75 4.5 Z M 26.25 4.5 L 23.25 4.5 C 22.65 4.5 22.08 4.73 21.65 5.15 C 21.23 5.58 21 6.15 21 6.75 V 29.25 C 21 29.84 21.23 30.41 21.65 30.84 C 22.08 31.26 22.65 31.5 23.25 31.5 L 26.25 31.5 C 26.84 31.5 27.41 31.26 27.84 30.84 C 28.26 30.41 28.5 29.84 28.5 29.25 V 6.75 L 28.5 6.75 C 28.5 6.15 28.26 5.58 27.84 5.15 C 27.41 4.73 26.84 4.5 26.25 4.5 Z", fill: "white" }) });
18
+ case 'play':
19
+ return (0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", height: sizes[size], viewBox: "0 0 36 36", width: sizes[size], children: (0, jsx_runtime_1.jsx)("path", { d: "M 17 8.6 L 10.89 4.99 C 9.39 4.11 7.5 5.19 7.5 6.93 C 7.5 6.93 7.5 6.93 7.5 6.93 L 7.5 29.06 C 7.5 30.8 9.39 31.88 10.89 31 C 10.89 31 10.89 31 10.89 31 L 17 27.4 C 17 27.4 17 27.4 17 27.4 C 17 27.4 17 27.4 17 27.4 L 17 8.6 C 17 8.6 17 8.6 17 8.6 C 17 8.6 17 8.6 17 8.6 Z M 17 8.6 L 17 8.6 C 17 8.6 17 8.6 17 8.6 C 17 8.6 17 8.6 17 8.6 V 27.4 C 17 27.4 17 27.4 17 27.4 C 17 27.4 17 27.4 17 27.4 L 33 18 C 33 18 33 18 33 18 C 33 18 33 18 33 18 V 18 L 17 8.6 C 17 8.6 17 8.6 17 8.6 C 17 8.6 17 8.6 17 8.6 Z", fill: "white" }) });
20
+ case 'comments':
21
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M1 6a4 4 0 014-4h14a4 4 0 014 4v10a4 4 0 01-4 4h-4.8l-5.105 2.836A1.41 1.41 0 017 21.604V20H5a4 4 0 01-4-4V6Zm8 12v2.601l4.229-2.35.453-.251H19a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2h4ZM7 8a1 1 0 000 2h10a1 1 0 100-2H7Zm-1 5a1 1 0 001 1h6a1 1 0 000-2H7a1 1 0 00-1 1Z" }) });
22
+ case 'dislike':
23
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "m11.31 2 .392.007c1.824.06 3.61.534 5.223 1.388l.343.189.27.154c.264.152.56.24.863.26l.13.004H20.5a1.5 1.5 0 011.5 1.5V11.5a1.5 1.5 0 01-1.5 1.5h-1.79l-.158.013a1 1 0 00-.723.512l-.064.145-2.987 8.535a1 1 0 01-1.109.656l-1.04-.174a4 4 0 01-3.251-4.783L10 15H5.938a3.664 3.664 0 01-3.576-2.868A3.682 3.682 0 013 9.15l-.02-.088A3.816 3.816 0 014 5.5v-.043l.008-.227a2.86 2.86 0 01.136-.664l.107-.28A3.754 3.754 0 017.705 2h3.605ZM7.705 4c-.755 0-1.425.483-1.663 1.2l-.032.126a.818.818 0 00-.01.131v.872l-.587.586a1.816 1.816 0 00-.524 1.465l.038.23.02.087.21.9-.55.744a1.686 1.686 0 00-.321 1.18l.029.177c.17.76.844 1.302 1.623 1.302H10a2.002 2.002 0 011.956 2.419l-.623 2.904-.034.208a2.002 2.002 0 001.454 2.139l.206.045.21.035 2.708-7.741A3.001 3.001 0 0118.71 11H20V6.002h-1.47c-.696 0-1.38-.183-1.985-.528l-.27-.155-.285-.157A10.002 10.002 0 0011.31 4H7.705Z" }) });
24
+ case 'download':
25
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2a1 1 0 00-1 1v11.586l-4.293-4.293a1 1 0 10-1.414 1.414L12 18.414l6.707-6.707a1 1 0 10-1.414-1.414L13 14.586V3a1 1 0 00-1-1Zm7 18H5a1 1 0 000 2h14a1 1 0 000-2Z" }) });
26
+ case 'like':
27
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M9.221 1.795a1 1 0 011.109-.656l1.04.173a4 4 0 013.252 4.784L14 9h4.061a3.664 3.664 0 013.576 2.868A3.68 3.68 0 0121 14.85l.02.087A3.815 3.815 0 0120 18.5v.043l-.01.227a2.82 2.82 0 01-.135.663l-.106.282A3.754 3.754 0 0116.295 22h-3.606l-.392-.007a12.002 12.002 0 01-5.223-1.388l-.343-.189-.27-.154a2.005 2.005 0 00-.863-.26l-.13-.004H3.5a1.5 1.5 0 01-1.5-1.5V12.5A1.5 1.5 0 013.5 11h1.79l.157-.013a1 1 0 00.724-.512l.063-.145 2.987-8.535Zm-1.1 9.196A3 3 0 015.29 13H4v4.998h1.468a4 4 0 011.986.528l.27.155.285.157A10 10 0 0012.69 20h3.606c.754 0 1.424-.483 1.663-1.2l.03-.126a.819.819 0 00.012-.131v-.872l.587-.586c.388-.388.577-.927.523-1.465l-.038-.23-.02-.087-.21-.9.55-.744A1.663 1.663 0 0018.061 11H14a2.002 2.002 0 01-1.956-2.418l.623-2.904a2 2 0 00-1.626-2.392l-.21-.035-2.71 7.741Z" }) });
28
+ case 'magnifier':
29
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M11 2a9 9 0 105.641 16.01.966.966 0 00.152.197l3.5 3.5a1 1 0 101.414-1.414l-3.5-3.5a1 1 0 00-.197-.153A8.96 8.96 0 0020 11a9 9 0 00-9-9Zm0 2a7 7 0 110 14 7 7 0 010-14Z" }) });
30
+ case 'share':
31
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M10 3.158V7.51c-5.428.223-8.27 3.75-8.875 11.199-.04.487-.07.975-.09 1.464l-.014.395c-.014.473.578.684.88.32.302-.368.61-.73.925-1.086l.244-.273c1.79-1.967 3-2.677 4.93-2.917a18.011 18.011 0 012-.112v4.346a1 1 0 001.646.763l9.805-8.297 1.55-1.31-1.55-1.31-9.805-8.297A1 1 0 0010 3.158Zm2 6.27v.002-4.116l7.904 6.688L12 18.689v-4.212l-2.023.024c-1.935.022-3.587.17-5.197 1.024a9 9 0 00-1.348.893c.355-1.947.916-3.39 1.63-4.425 1.062-1.541 2.607-2.385 5.02-2.485L12 9.428Z" }) });
32
+ case 'verticalEllipsis':
33
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 4a2 2 0 100 4 2 2 0 000-4Zm0 6a2 2 0 100 4 2 2 0 000-4Zm0 6a2 2 0 100 4 2 2 0 000-4Z" }) });
34
+ case 'subtitle':
35
+ return (0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], children: (0, jsx_runtime_1.jsx)("path", { d: "M21.20 3.01L21 3H3L2.79 3.01C2.30 3.06 1.84 3.29 1.51 3.65C1.18 4.02 .99 4.50 1 5V19L1.01 19.20C1.05 19.66 1.26 20.08 1.58 20.41C1.91 20.73 2.33 20.94 2.79 20.99L3 21H21L21.20 20.98C21.66 20.94 22.08 20.73 22.41 20.41C22.73 20.08 22.94 19.66 22.99 19.20L23 19V5C23.00 4.50 22.81 4.02 22.48 3.65C22.15 3.29 21.69 3.06 21.20 3.01ZM3 19V5H21V19H3ZM8 11H6C5.73 11 5.48 11.10 5.29 11.29C5.10 11.48 5 11.73 5 12C5 12.26 5.10 12.51 5.29 12.70C5.48 12.89 5.73 13 6 13H8C8.26 13 8.51 12.89 8.70 12.70C8.89 12.51 9 12.26 9 12C9 11.73 8.89 11.48 8.70 11.29C8.51 11.10 8.26 11 8 11ZM18 11H12C11.73 11 11.48 11.10 11.29 11.29C11.10 11.48 11 11.73 11 12C11 12.26 11.10 12.51 11.29 12.70C11.48 12.89 11.73 13 12 13H18C18.26 13 18.51 12.89 18.70 12.70C18.89 12.51 19 12.26 19 12C19 11.73 18.89 11.48 18.70 11.29C18.51 11.10 18.26 11 18 11ZM18 15H16C15.73 15 15.48 15.10 15.29 15.29C15.10 15.48 15 15.73 15 16C15 16.26 15.10 16.51 15.29 16.70C15.48 16.89 15.73 17 16 17H18C18.26 17 18.51 16.89 18.70 16.70C18.89 16.51 19 16.26 19 16C19 15.73 18.89 15.48 18.70 15.29C18.51 15.10 18.26 15 18 15ZM12 15H6C5.73 15 5.48 15.10 5.29 15.29C5.10 15.48 5 15.73 5 16C5 16.26 5.10 16.51 5.29 16.70C5.48 16.89 5.73 17 6 17H12C12.26 17 12.51 16.89 12.70 16.70C12.89 16.51 13 16.26 13 16C13 15.73 12.89 15.48 12.70 15.29C12.51 15.10 12.26 15 12 15Z", fill: "white" }) });
36
+ case 'fullScreenOn':
37
+ return (0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], children: (0, jsx_runtime_1.jsx)("path", { d: "M10 3H3V10C3 10.26 3.10 10.51 3.29 10.70C3.48 10.89 3.73 11 4 11C4.26 11 4.51 10.89 4.70 10.70C4.89 10.51 5 10.26 5 10V6.41L9.29 10.70L9.36 10.77C9.56 10.92 9.80 11.00 10.04 10.99C10.29 10.98 10.52 10.87 10.70 10.70C10.87 10.52 10.98 10.29 10.99 10.04C11.00 9.80 10.92 9.56 10.77 9.36L10.70 9.29L6.41 5H10C10.26 5 10.51 4.89 10.70 4.70C10.89 4.51 11 4.26 11 4C11 3.73 10.89 3.48 10.70 3.29C10.51 3.10 10.26 3 10 3ZM20 13C19.73 13 19.48 13.10 19.29 13.29C19.10 13.48 19 13.73 19 14V17.58L14.70 13.29L14.63 13.22C14.43 13.07 14.19 12.99 13.95 13.00C13.70 13.01 13.47 13.12 13.29 13.29C13.12 13.47 13.01 13.70 13.00 13.95C12.99 14.19 13.07 14.43 13.22 14.63L13.29 14.70L17.58 19H14C13.73 19 13.48 19.10 13.29 19.29C13.10 19.48 13 19.73 13 20C13 20.26 13.10 20.51 13.29 20.70C13.48 20.89 13.73 21 14 21H21V14C21 13.73 20.89 13.48 20.70 13.29C20.51 13.10 20.26 13 20 13Z", fill: "white" }) });
38
+ case 'fullScreenOff':
39
+ return (0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], children: (0, jsx_runtime_1.jsx)("path", { d: "M3.29 3.29C3.11 3.46 3.01 3.70 3.00 3.94C2.98 4.19 3.06 4.43 3.22 4.63L3.29 4.70L7.58 8.99H5C4.73 8.99 4.48 9.10 4.29 9.29C4.10 9.47 4 9.73 4 9.99C4 10.26 4.10 10.51 4.29 10.70C4.48 10.89 4.73 10.99 5 10.99H11V4.99C11 4.73 10.89 4.47 10.70 4.29C10.51 4.10 10.26 3.99 10 3.99C9.73 3.99 9.48 4.10 9.29 4.29C9.10 4.47 9 4.73 9 4.99V7.58L4.70 3.29L4.63 3.22C4.43 3.06 4.19 2.98 3.94 3.00C3.70 3.01 3.46 3.11 3.29 3.29ZM19 13H13V19C13 19.26 13.10 19.51 13.29 19.70C13.48 19.89 13.73 20 14 20C14.26 20 14.51 19.89 14.70 19.70C14.89 19.51 15 19.26 15 19V16.41L19.29 20.70L19.36 20.77C19.56 20.92 19.80 21.00 20.04 20.99C20.29 20.98 20.52 20.87 20.70 20.70C20.87 20.52 20.98 20.29 20.99 20.04C21.00 19.80 20.92 19.56 20.77 19.36L20.70 19.29L16.41 15H19C19.26 15 19.51 14.89 19.70 14.70C19.89 14.51 20 14.26 20 14C20 13.73 19.89 13.48 19.70 13.29C19.51 13.10 19.26 13 19 13Z", fill: "white" }) });
40
+ case 'pictureInPicture':
41
+ return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: sizes[size], height: sizes[size], viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" }), (0, jsx_runtime_1.jsx)("path", { d: "M14 15a1 1 0 0 1 1 -1h5a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1l0 -3" })] });
42
+ case 'settings':
43
+ return (0, jsx_runtime_1.jsx)("svg", { fill: 'currentColor', xmlns: "http://www.w3.org/2000/svg", height: sizes[size], viewBox: "0 0 24 24", width: sizes[size], focusable: "false", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M20 5H4a1 1 0 000 2h16a1 1 0 100-2Zm0 6H4a1 1 0 000 2h16a1 1 0 000-2Zm0 6H4a1 1 0 000 2h16a1 1 0 000-2Z" }) });
44
+ default:
45
+ break;
46
+ }
47
+ };
48
+ exports.Svg = Svg;
49
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/shared/ui/Svg/index.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export { Svg } from './Svg';
1
+ export { Svg } from './Svg';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Svg = void 0;
4
+ var Svg_1 = require("./Svg");
5
+ Object.defineProperty(exports, "Svg", { enumerable: true, get: function () { return Svg_1.Svg; } });
6
+ //# sourceMappingURL=index.js.map