@streamscloud/embeddable 8.1.0 → 8.2.0
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.
|
@@ -28,19 +28,22 @@ const buttonVariables = $derived.by(() => {
|
|
|
28
28
|
});
|
|
29
29
|
</script>
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
31
|
+
<!--Double if for correct behavior of slideHorizontally-->
|
|
32
|
+
{#if uiManager.viewInitialized}
|
|
33
|
+
{#if !uiManager.overviewCollapsed && !contentFaded}
|
|
34
|
+
<div
|
|
35
|
+
class="overview-panel"
|
|
36
|
+
transition:slideHorizontally|local
|
|
37
|
+
use:overviewAttached
|
|
38
|
+
style={panelVariables}
|
|
39
|
+
onclick={handlePanelClick}
|
|
40
|
+
onkeydown={() => {}}
|
|
41
|
+
role="none">
|
|
42
|
+
<div class="overview-panel__content" onclick={(e) => e.stopPropagation()} onkeydown={() => {}} role="none">
|
|
43
|
+
{@render children()}
|
|
44
|
+
</div>
|
|
42
45
|
</div>
|
|
43
|
-
|
|
46
|
+
{/if}
|
|
44
47
|
{/if}
|
|
45
48
|
|
|
46
49
|
<button
|
|
@@ -292,7 +292,7 @@ const onWidthAnchorMounted = (node) => {
|
|
|
292
292
|
pointer-events: auto;
|
|
293
293
|
position: relative;
|
|
294
294
|
flex: 1 1 auto;
|
|
295
|
-
max-width:
|
|
295
|
+
max-width: 100%;
|
|
296
296
|
min-width: 0;
|
|
297
297
|
overflow-x: auto;
|
|
298
298
|
overflow-y: hidden;
|
|
@@ -322,9 +322,11 @@ const onWidthAnchorMounted = (node) => {
|
|
|
322
322
|
gap: 0.375rem;
|
|
323
323
|
justify-content: center;
|
|
324
324
|
align-items: center;
|
|
325
|
-
max-width:
|
|
325
|
+
max-width: 9.375rem;
|
|
326
|
+
flex: 0 0 auto;
|
|
327
|
+
min-width: auto;
|
|
326
328
|
width: auto;
|
|
327
|
-
|
|
329
|
+
white-space: nowrap;
|
|
328
330
|
border-radius: 0.875rem;
|
|
329
331
|
background-color: rgba(0, 0, 0, 0.6);
|
|
330
332
|
color: #f2f2f2;
|
|
@@ -372,6 +374,7 @@ const onWidthAnchorMounted = (node) => {
|
|
|
372
374
|
width: 100%;
|
|
373
375
|
white-space: nowrap;
|
|
374
376
|
overflow: hidden;
|
|
377
|
+
min-width: 0;
|
|
375
378
|
}
|
|
376
379
|
|
|
377
380
|
.media-center-overlay {
|
|
@@ -317,7 +317,7 @@ const handleSeek = (percent) => {
|
|
|
317
317
|
--_video--background-color: var(--video--background-color, #000000);
|
|
318
318
|
--_video--border-radius: var(--video--border-radius, 0);
|
|
319
319
|
--_video--media-fit: var(--video--media-fit, contain);
|
|
320
|
-
--_video--poster--media-fit: var(--video--poster--media-fit,
|
|
320
|
+
--_video--poster--media-fit: var(--video--poster--media-fit, contain);
|
|
321
321
|
height: 100%;
|
|
322
322
|
min-height: 100%;
|
|
323
323
|
max-height: 100%;
|