@layers-app/editor-video 0.1.6 → 0.1.8

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 (31) hide show
  1. package/dist/index.css +25 -3
  2. package/dist/index.js +913 -548
  3. package/dist/index.js.map +1 -1
  4. package/dist/plugin/behaviour.d.ts.map +1 -1
  5. package/dist/types/index.d.ts +1 -0
  6. package/dist/types/index.d.ts.map +1 -1
  7. package/dist/ui/VideoBlock.d.ts.map +1 -1
  8. package/dist/ui/VideoUploadComponent.d.ts.map +1 -1
  9. package/dist/ui/components/VideoCustomControls.d.ts.map +1 -1
  10. package/dist/ui/components/VideoSelect.d.ts +8 -0
  11. package/dist/ui/components/VideoSelect.d.ts.map +1 -0
  12. package/dist/ui/components/VideoSettingsModal/ChaptersSection.d.ts +3 -1
  13. package/dist/ui/components/VideoSettingsModal/ChaptersSection.d.ts.map +1 -1
  14. package/dist/ui/components/VideoSettingsModal/CoverSection.d.ts.map +1 -1
  15. package/dist/ui/components/VideoSettingsModal/FooterActions.d.ts +2 -1
  16. package/dist/ui/components/VideoSettingsModal/FooterActions.d.ts.map +1 -1
  17. package/dist/ui/components/VideoSettingsModal/ManualSubtitlesPanel.d.ts +2 -1
  18. package/dist/ui/components/VideoSettingsModal/ManualSubtitlesPanel.d.ts.map +1 -1
  19. package/dist/ui/components/VideoSettingsModal/SubtitlesSection.d.ts.map +1 -1
  20. package/dist/ui/components/VideoSettingsModal/index.d.ts +2 -1
  21. package/dist/ui/components/VideoSettingsModal/index.d.ts.map +1 -1
  22. package/dist/ui/components/VideoSubtitlesMenu/index.d.ts.map +1 -1
  23. package/dist/ui/hooks/useVideoTranscoding.d.ts.map +1 -1
  24. package/dist/ui/hooks/useVideoUpload.d.ts.map +1 -1
  25. package/dist/ui/states/UploadState.d.ts.map +1 -1
  26. package/dist/ui/states/VideoPlayerState.d.ts +3 -1
  27. package/dist/ui/states/VideoPlayerState.d.ts.map +1 -1
  28. package/dist/ui/utils/api.d.ts.map +1 -1
  29. package/dist/ui/utils/videoSubtitlesApi.d.ts +5 -0
  30. package/dist/ui/utils/videoSubtitlesApi.d.ts.map +1 -1
  31. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -30,8 +30,13 @@ div.doc-space-styles-provider .video-upload-container *::after {
30
30
  gap: 0;
31
31
  }
32
32
 
33
+ .video-upload-container[data-state=analysis],
34
+ .video-upload-container[data-state=conversion] {
35
+ padding: 0;
36
+ }
37
+
33
38
  .video-upload-container[data-state=video-preview] {
34
- padding: 0 4px 4px 4px;
39
+ padding: 0;
35
40
  background: var(--mantine-color-gray-light, rgba(134, 142, 150, 0.1));
36
41
  gap: 0;
37
42
  }
@@ -94,6 +99,14 @@ div.doc-space-styles-provider .video-upload-container *::after {
94
99
  pointer-events: auto !important;
95
100
  }
96
101
 
102
+ .editor-select__chevron {
103
+ transition: transform 150ms ease;
104
+ }
105
+
106
+ [data-expanded=true] + * .editor-select__chevron {
107
+ transform: rotate(180deg);
108
+ }
109
+
97
110
  .media-actions .media-action {
98
111
  border: none;
99
112
  background-color: var(--mantine-color-body, white);
@@ -102,6 +115,11 @@ div.doc-space-styles-provider .video-upload-container *::after {
102
115
  justify-content: center;
103
116
  }
104
117
 
118
+ .media-wrapper:has(.video-upload-container[data-state=video-preview]) > .media-actions {
119
+ top: 4px;
120
+ right: 4px;
121
+ }
122
+
105
123
  .media-wrapper:has(.video-upload-container:not([data-state=video-preview])) > .media-actions {
106
124
  top: 5px;
107
125
  right: 6px;
@@ -1014,7 +1032,7 @@ div.doc-space-styles-provider .video-upload-container *::after {
1014
1032
  }
1015
1033
 
1016
1034
  .video-player-chapters-item--active .video-player-chapters-item-time {
1017
- background: var(--mantine-color-blue-filled, #1971c2);
1035
+ background: var(--mantine-primary-color-filled);
1018
1036
  color: #fff;
1019
1037
  }
1020
1038
 
@@ -1029,7 +1047,7 @@ div.doc-space-styles-provider .video-upload-container *::after {
1029
1047
  font-size: var(--mantine-font-size-xs, 12px);
1030
1048
  font-weight: 600;
1031
1049
  line-height: 1.4;
1032
- color: var(--mantine-color-blue-text, #4dabf7);
1050
+ color: var(--mantine-primary-color-text);
1033
1051
  }
1034
1052
 
1035
1053
  .video-player-chapters-item-title {
@@ -1217,6 +1235,10 @@ div.video-player-menu-dropdown .video-menu-item-text {
1217
1235
  scrollbar-width: thin;
1218
1236
  scrollbar-color: var(--mantine-color-gray-3) transparent;
1219
1237
  }
1238
+ .video-settings-modal .video-settings-modal-footer {
1239
+ padding: 8px var(--mantine-spacing-md, 16px) var(--mantine-spacing-sm, 12px);
1240
+ flex-shrink: 0;
1241
+ }
1220
1242
  .video-settings-modal .mantine-Switch-track {
1221
1243
  cursor: pointer;
1222
1244
  }