@geekapps/silo-elements-nextjs 0.2.37 → 0.2.38
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.
- package/dist/FileUploader.js +10 -10
- package/dist/FileUploader.js.map +1 -1
- package/dist/ImageUploader.js +5 -5
- package/dist/ImageUploader.js.map +1 -1
- package/dist/MediaUploader.js +11 -11
- package/dist/MediaUploader.js.map +1 -1
- package/dist/VideoPlayer.js +12 -12
- package/dist/VideoPlayer.js.map +1 -1
- package/dist/VideoUploader.js +4 -4
- package/dist/VideoUploader.js.map +1 -1
- package/dist/components/DropZone.js +3 -3
- package/dist/components/DropZone.js.map +1 -1
- package/dist/index.js +30 -30
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/styles.css +1 -1
package/dist/VideoPlayer.js
CHANGED
|
@@ -711,7 +711,7 @@ function Video({
|
|
|
711
711
|
"div",
|
|
712
712
|
{
|
|
713
713
|
ref: containerRef,
|
|
714
|
-
className: `@container mx-auto w-full max-w-6xl
|
|
714
|
+
className: `@container mx-auto w-full max-w-6xl${className ?? ""}`,
|
|
715
715
|
children: /* @__PURE__ */ jsxs(
|
|
716
716
|
"div",
|
|
717
717
|
{
|
|
@@ -781,7 +781,7 @@ function Video({
|
|
|
781
781
|
{
|
|
782
782
|
ref: chromeRef,
|
|
783
783
|
onClick: togglePlay,
|
|
784
|
-
className: `absolute inset-0 z-30 flex flex-col transition-opacity duration-200
|
|
784
|
+
className: `absolute inset-0 z-30 flex flex-col transition-opacity duration-200${isFullscreen ? "justify-between" : "justify-end"}${controlsVisible ? "opacity-100" : "opacity-0 pointer-events-none"}`,
|
|
785
785
|
children: [
|
|
786
786
|
isFullscreen && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-32 bg-linear-to-b from-black/70 to-transparent" }),
|
|
787
787
|
/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-black/80 to-transparent" }),
|
|
@@ -837,7 +837,7 @@ function Video({
|
|
|
837
837
|
},
|
|
838
838
|
className: "flex w-full items-center gap-3 px-4 py-2.5 text-sm transition hover:bg-white/8",
|
|
839
839
|
children: [
|
|
840
|
-
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0
|
|
840
|
+
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0${selectedQuality === quality.id ? "text-white" : "text-transparent"}`, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M3 8l3.5 3.5L13 4.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }),
|
|
841
841
|
/* @__PURE__ */ jsxs("span", { className: selectedQuality === quality.id ? "font-semibold text-white" : "text-white/55", children: [
|
|
842
842
|
quality.label,
|
|
843
843
|
quality.id === "auto" ? " (ABR)" : ""
|
|
@@ -871,7 +871,7 @@ function Video({
|
|
|
871
871
|
},
|
|
872
872
|
className: "flex w-full items-center gap-3 px-4 py-2.5 text-sm transition hover:bg-white/8",
|
|
873
873
|
children: [
|
|
874
|
-
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0
|
|
874
|
+
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0${subtitleStyle.track === s.srclang ? "text-white" : "text-transparent"}`, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M3 8l3.5 3.5L13 4.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }),
|
|
875
875
|
/* @__PURE__ */ jsx("span", { className: subtitleStyle.track === s.srclang ? "font-semibold text-white" : "text-white/55", children: s.label })
|
|
876
876
|
]
|
|
877
877
|
},
|
|
@@ -911,7 +911,7 @@ function Video({
|
|
|
911
911
|
{
|
|
912
912
|
type: "button",
|
|
913
913
|
onClick: () => setSubtitleStyle((st) => ({ ...st, size: s })),
|
|
914
|
-
className: `flex-1 rounded-lg py-1.5 text-xs font-medium transition
|
|
914
|
+
className: `flex-1 rounded-lg py-1.5 text-xs font-medium transition${subtitleStyle.size === s ? "bg-white/20 text-white" : "text-white/45 hover:bg-white/10"}`,
|
|
915
915
|
children: s === "small" ? "P" : s === "medium" ? "M" : s === "large" ? "G" : "GG"
|
|
916
916
|
},
|
|
917
917
|
s
|
|
@@ -924,7 +924,7 @@ function Video({
|
|
|
924
924
|
{
|
|
925
925
|
type: "button",
|
|
926
926
|
onClick: () => setSubtitleStyle((st) => ({ ...st, color: val })),
|
|
927
|
-
className: `flex-1 rounded-lg py-1.5 text-xs font-medium transition ring-1
|
|
927
|
+
className: `flex-1 rounded-lg py-1.5 text-xs font-medium transition ring-1${subtitleStyle.color === val ? "ring-white/40" : "ring-transparent hover:ring-white/15"}`,
|
|
928
928
|
style: { color },
|
|
929
929
|
children: label
|
|
930
930
|
},
|
|
@@ -938,7 +938,7 @@ function Video({
|
|
|
938
938
|
{
|
|
939
939
|
type: "button",
|
|
940
940
|
onClick: () => setSubtitleStyle((st) => ({ ...st, bg: val })),
|
|
941
|
-
className: `flex-1 rounded-lg py-1.5 text-xs font-medium transition
|
|
941
|
+
className: `flex-1 rounded-lg py-1.5 text-xs font-medium transition${subtitleStyle.bg === val ? "bg-white/20 text-white" : "text-white/45 hover:bg-white/10"}`,
|
|
942
942
|
children: label
|
|
943
943
|
},
|
|
944
944
|
val
|
|
@@ -969,7 +969,7 @@ function Video({
|
|
|
969
969
|
},
|
|
970
970
|
className: "flex w-full items-center gap-3 px-4 py-2.5 text-sm transition hover:bg-white/8",
|
|
971
971
|
children: [
|
|
972
|
-
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0
|
|
972
|
+
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0${selectedAudio === track.id ? "text-white" : "text-transparent"}`, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M3 8l3.5 3.5L13 4.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }),
|
|
973
973
|
/* @__PURE__ */ jsx("span", { className: selectedAudio === track.id ? "font-semibold text-white" : "text-white/55", children: track.label })
|
|
974
974
|
]
|
|
975
975
|
},
|
|
@@ -1000,7 +1000,7 @@ function Video({
|
|
|
1000
1000
|
},
|
|
1001
1001
|
className: "flex w-full items-center gap-3 px-4 py-2.5 text-sm transition hover:bg-white/8",
|
|
1002
1002
|
children: [
|
|
1003
|
-
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0
|
|
1003
|
+
/* @__PURE__ */ jsx("svg", { className: `size-4 shrink-0${playbackRate === speed ? "text-white" : "text-transparent"}`, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M3 8l3.5 3.5L13 4.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }),
|
|
1004
1004
|
/* @__PURE__ */ jsx("span", { className: playbackRate === speed ? "font-semibold text-white" : "text-white/55", children: speed === 1 ? "Normal" : `${speed}\xD7` })
|
|
1005
1005
|
]
|
|
1006
1006
|
},
|
|
@@ -1099,7 +1099,7 @@ function Video({
|
|
|
1099
1099
|
{
|
|
1100
1100
|
type: "button",
|
|
1101
1101
|
onClick: () => setSubtitleMode((m) => m === "off" ? parsed.subtitles[0]?.srclang ?? "off" : "off"),
|
|
1102
|
-
className: `grid size-8 place-items-center rounded transition hover:text-white/80 @sm:size-10
|
|
1102
|
+
className: `grid size-8 place-items-center rounded transition hover:text-white/80 @sm:size-10${subtitleMode !== "off" ? "text-white" : "text-white/60"}`,
|
|
1103
1103
|
"aria-label": "Captions",
|
|
1104
1104
|
children: /* @__PURE__ */ jsx(Captions, { className: "size-4 @sm:size-5" })
|
|
1105
1105
|
}
|
|
@@ -1112,7 +1112,7 @@ function Video({
|
|
|
1112
1112
|
setSettingsOpen((v) => !v);
|
|
1113
1113
|
setSettingsTab("root");
|
|
1114
1114
|
},
|
|
1115
|
-
className: `grid size-8 place-items-center rounded transition hover:text-white/80 @sm:size-10
|
|
1115
|
+
className: `grid size-8 place-items-center rounded transition hover:text-white/80 @sm:size-10${settingsOpen ? "text-white" : "text-white/60"}`,
|
|
1116
1116
|
"aria-label": "Settings",
|
|
1117
1117
|
children: /* @__PURE__ */ jsx(Settings, { className: "size-4 @sm:size-5" })
|
|
1118
1118
|
}
|
|
@@ -1168,7 +1168,7 @@ function Video({
|
|
|
1168
1168
|
activeCue && /* @__PURE__ */ jsx(
|
|
1169
1169
|
"div",
|
|
1170
1170
|
{
|
|
1171
|
-
className: `pointer-events-none absolute inset-x-0 z-40 flex justify-center px-4 transition-all duration-200
|
|
1171
|
+
className: `pointer-events-none absolute inset-x-0 z-40 flex justify-center px-4 transition-all duration-200${controlsVisible ? "bottom-20 @sm:bottom-24 @lg:bottom-28" : "bottom-4 @sm:bottom-6"}`,
|
|
1172
1172
|
children: /* @__PURE__ */ jsx(
|
|
1173
1173
|
"div",
|
|
1174
1174
|
{
|