@signal9/era-ui 32.0.0 → 33.0.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.
- package/CHANGELOG.md +24 -0
- package/dist/dev/audit-overlay.svelte +2 -2
- package/dist/era-ui.css +1 -1
- package/dist/generated-docs/utilities.json +99 -99
- package/dist/os/pane.svelte +3 -13
- package/dist/styles/index.css +2 -956
- package/dist/styles/typography.css +1 -1
- package/dist/styles/utilities/geometry.css +188 -0
- package/dist/styles/utilities/interaction.css +334 -0
- package/dist/styles/utilities/materials.css +39 -0
- package/dist/styles/utilities/public.css +391 -0
- package/dist/styles/utilities.css +5 -0
- package/dist/ui/card/card.svelte +2 -52
- package/dist/ui/card/card.svelte.d.ts +0 -43
- package/dist/ui/card/variants.d.ts +44 -0
- package/dist/ui/card/variants.js +20 -0
- package/dist/ui/context-menu/context-menu-checkbox-item.svelte +2 -4
- package/dist/ui/context-menu/context-menu-group-heading.svelte +2 -5
- package/dist/ui/context-menu/context-menu-item.svelte +2 -8
- package/dist/ui/context-menu/context-menu-radio-item.svelte +2 -8
- package/dist/ui/context-menu/context-menu-separator.svelte +2 -5
- package/dist/ui/context-menu/context-menu-sub-trigger.svelte +2 -8
- package/dist/ui/dialog/dialog-header.svelte +1 -1
- package/dist/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +2 -4
- package/dist/ui/dropdown-menu/dropdown-menu-group-heading.svelte +2 -5
- package/dist/ui/dropdown-menu/dropdown-menu-item.svelte +2 -8
- package/dist/ui/dropdown-menu/dropdown-menu-radio-item.svelte +2 -8
- package/dist/ui/dropdown-menu/dropdown-menu-separator.svelte +2 -5
- package/dist/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +2 -8
- package/dist/ui/menu-recipes.d.ts +6 -0
- package/dist/ui/menu-recipes.js +6 -0
- package/dist/ui/menubar/menubar-checkbox-item.svelte +2 -9
- package/dist/ui/menubar/menubar-group-heading.svelte +2 -5
- package/dist/ui/menubar/menubar-item.svelte +2 -8
- package/dist/ui/menubar/menubar-radio-item.svelte +2 -8
- package/dist/ui/menubar/menubar-separator.svelte +2 -5
- package/dist/ui/menubar/menubar-sub-trigger.svelte +2 -8
- package/dist/ui/pane/pane-close.svelte +7 -26
- package/dist/ui/video-player/video-player.svelte +8 -8
- package/package.json +48 -12
- package/dist/docs/badge.md +0 -18
- package/dist/docs/bits-ui-audit.md +0 -58
- package/dist/docs/button.md +0 -19
- package/dist/docs/chip.md +0 -20
- package/dist/docs/component-docs-core.d.ts +0 -8
- package/dist/docs/component-docs-core.js +0 -73
- package/dist/docs/component-docs.d.ts +0 -2
- package/dist/docs/component-docs.js +0 -25
- package/dist/docs/component-source-scanners.d.ts +0 -18
- package/dist/docs/component-source-scanners.js +0 -46
- package/dist/docs/consumer-import.d.ts +0 -65
- package/dist/docs/consumer-import.js +0 -70
- package/dist/docs/css-utilities.d.ts +0 -58
- package/dist/docs/css-utilities.js +0 -317
- package/dist/docs/extract-props.d.ts +0 -13
- package/dist/docs/extract-props.js +0 -324
- package/dist/docs/generated-docs.d.ts +0 -6
- package/dist/docs/generated-docs.js +0 -30
- package/dist/docs/index.d.ts +0 -5
- package/dist/docs/index.js +0 -66
- package/dist/docs/notes.md +0 -83
- package/dist/docs/scroll-area.md +0 -7
- package/dist/docs/separator.md +0 -20
- package/dist/docs/table.md +0 -35
- package/dist/docs/utilities.d.ts +0 -4
- package/dist/docs/utilities.js +0 -15
- package/dist/generated-docs/accordion.md +0 -57
- package/dist/generated-docs/alert-dialog.md +0 -91
- package/dist/generated-docs/aspect-ratio.md +0 -17
- package/dist/generated-docs/avatar.md +0 -39
- package/dist/generated-docs/badge.md +0 -41
- package/dist/generated-docs/bar.md +0 -41
- package/dist/generated-docs/button-group.md +0 -19
- package/dist/generated-docs/button.md +0 -117
- package/dist/generated-docs/calendar.md +0 -126
- package/dist/generated-docs/card.md +0 -58
- package/dist/generated-docs/checkbox.md +0 -42
- package/dist/generated-docs/chip.md +0 -61
- package/dist/generated-docs/code-block.md +0 -20
- package/dist/generated-docs/collapsible.md +0 -30
- package/dist/generated-docs/combobox.md +0 -74
- package/dist/generated-docs/command-bar.md +0 -3
- package/dist/generated-docs/command.md +0 -126
- package/dist/generated-docs/context-menu.md +0 -104
- package/dist/generated-docs/copy-button.md +0 -29
- package/dist/generated-docs/cycle.md +0 -29
- package/dist/generated-docs/date-field.md +0 -49
- package/dist/generated-docs/date-picker.md +0 -180
- package/dist/generated-docs/date-range-field.md +0 -50
- package/dist/generated-docs/date-range-picker.md +0 -180
- package/dist/generated-docs/dialog.md +0 -94
- package/dist/generated-docs/draggable.md +0 -3
- package/dist/generated-docs/dropdown-menu.md +0 -104
- package/dist/generated-docs/file-upload.md +0 -18
- package/dist/generated-docs/getting-started.md +0 -3
- package/dist/generated-docs/input.md +0 -23
- package/dist/generated-docs/kv.md +0 -20
- package/dist/generated-docs/label.md +0 -17
- package/dist/generated-docs/link-preview.md +0 -40
- package/dist/generated-docs/llm-shell.md +0 -3
- package/dist/generated-docs/llms-full.txt +0 -5201
- package/dist/generated-docs/llms.txt +0 -138
- package/dist/generated-docs/logo.md +0 -24
- package/dist/generated-docs/manifest.json +0 -1685
- package/dist/generated-docs/measurements.md +0 -3
- package/dist/generated-docs/menu.md +0 -11
- package/dist/generated-docs/menubar.md +0 -104
- package/dist/generated-docs/meter.md +0 -101
- package/dist/generated-docs/mode.md +0 -24
- package/dist/generated-docs/nav.md +0 -73
- package/dist/generated-docs/navigation-menu.md +0 -11
- package/dist/generated-docs/notes.md +0 -87
- package/dist/generated-docs/os.md +0 -3
- package/dist/generated-docs/pagination.md +0 -55
- package/dist/generated-docs/pane.md +0 -34
- package/dist/generated-docs/pin-input.md +0 -31
- package/dist/generated-docs/popover.md +0 -43
- package/dist/generated-docs/progress.md +0 -17
- package/dist/generated-docs/radio-group.md +0 -31
- package/dist/generated-docs/range-calendar.md +0 -11
- package/dist/generated-docs/rating-group.md +0 -31
- package/dist/generated-docs/scroll-area.md +0 -65
- package/dist/generated-docs/select.md +0 -67
- package/dist/generated-docs/separator.md +0 -57
- package/dist/generated-docs/sheet.md +0 -11
- package/dist/generated-docs/skeleton.md +0 -18
- package/dist/generated-docs/slider.md +0 -71
- package/dist/generated-docs/spacing.md +0 -3
- package/dist/generated-docs/step.md +0 -51
- package/dist/generated-docs/surfaces.md +0 -3
- package/dist/generated-docs/switch.md +0 -18
- package/dist/generated-docs/table.md +0 -113
- package/dist/generated-docs/tabs.md +0 -48
- package/dist/generated-docs/text.md +0 -3
- package/dist/generated-docs/time-field.md +0 -49
- package/dist/generated-docs/time-range-field.md +0 -50
- package/dist/generated-docs/timeline.md +0 -32
- package/dist/generated-docs/todo.md +0 -3
- package/dist/generated-docs/toggle-group.md +0 -31
- package/dist/generated-docs/toggle.md +0 -20
- package/dist/generated-docs/toolbar.md +0 -11
- package/dist/generated-docs/tooltip.md +0 -40
- package/dist/generated-docs/tree.md +0 -36
- package/dist/generated-docs/utilities.md +0 -1236
- package/dist/generated-docs/video-player.md +0 -73
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
# Video Player
|
|
2
|
-
|
|
3
|
-
A vidstack-powered player with support for MP4, HLS, and live streams.
|
|
4
|
-
|
|
5
|
-
## Import
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { VideoPlayer } from "@signal9/era-ui/video-player";
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
| Prop | Type | Default | Notes |
|
|
14
|
-
|------|------|---------|-------|
|
|
15
|
-
| `ref?` | `HTMLElement \| null` | `null` | bindable |
|
|
16
|
-
| `src` | `string` | — | — |
|
|
17
|
-
| `poster?` | `string` | — | — |
|
|
18
|
-
| `chapters?` | `string \| ChapterTrack` | — | Optional WebVTT chapters track. Pass a URL or full track descriptor. |
|
|
19
|
-
| `preload?` | `'none' \| 'metadata' \| 'auto'` | `'metadata'` | — |
|
|
20
|
-
| `load?` | `'eager' \| 'idle' \| 'visible' \| 'custom'` | `'visible'` | — |
|
|
21
|
-
| `muted?` | `boolean` | `false` | — |
|
|
22
|
-
| `autoplay?` | `boolean` | `false` | — |
|
|
23
|
-
| `loop?` | `boolean` | `false` | — |
|
|
24
|
-
| `playsinline?` | `boolean` | `true` | — |
|
|
25
|
-
| `crossorigin?` | `'anonymous' \| 'use-credentials'` | — | — |
|
|
26
|
-
| `initialVolume?` | `number` | — | Initial volume (0–1). |
|
|
27
|
-
| `initialPlaybackRate?` | `number` | — | Initial playback rate (e.g. 1, 1.5, 2). |
|
|
28
|
-
| `aspectRatio?` | `number` | — | Force a fixed aspect ratio as width/height, e.g. 16/9. |
|
|
29
|
-
| `viewType?` | `'unknown' \| 'audio' \| 'video'` | — | — |
|
|
30
|
-
| `streamType?` | `'unknown' \| 'on-demand' \| 'live' \| 'live:dvr' \| 'll-live' \| 'll-live:dvr'` | — | — |
|
|
31
|
-
| `fullscreenOrientation?` | `\| 'any' \| 'natural' \| 'landscape' \| 'portrait' \| 'portrait-primary' \| 'portrait-secondary' \| 'landscape-primary' \| 'landscape-secondary'` | — | — |
|
|
32
|
-
| `controls?` | `boolean` | `false` | Fall back to the provider's native controls instead of the custom chrome. |
|
|
33
|
-
| `play?` | `boolean` | `true` | Show the play / pause button in the custom chrome. |
|
|
34
|
-
| `time?` | `boolean` | `true` | Show the elapsed and duration time badges. |
|
|
35
|
-
| `skip?` | `boolean \| number` | `false` | Show ±N-second skip buttons. `true` defaults to 10s; pass a number to override. |
|
|
36
|
-
| `volume?` | `boolean` | `false` | Show the mute toggle and volume slider. |
|
|
37
|
-
| `volumeOrientation?` | `'horizontal' \| 'vertical'` | `'horizontal'` | Layout direction for the volume slider. |
|
|
38
|
-
| `speed?` | `boolean` | `false` | Show the playback-speed dropdown. |
|
|
39
|
-
| `quality?` | `boolean` | `false` | Show the quality dropdown. Auto-hidden when the source exposes no quality options (e.g. plain MP4). |
|
|
40
|
-
| `pip?` | `boolean` | `false` | Show the picture-in-picture toggle. |
|
|
41
|
-
| `fullscreen?` | `boolean` | `false` | Show the fullscreen toggle. |
|
|
42
|
-
| `seekPreview?` | `boolean` | `false` | Show a hover preview above the seek bar with the cursor's time and (if available) the chapter at that point. |
|
|
43
|
-
| `contextMenu?` | `boolean` | `false` | Enable a right-click context menu mirroring the enabled chrome plus a download shortcut. |
|
|
44
|
-
| `autoHide?` | `boolean` | `true` | Whether the controls bar fades when the user is idle during playback. Set `false` to keep it visible. |
|
|
45
|
-
| `idleDelay?` | `number` | `500` | Delay (ms) of inactivity during playback before vidstack flips `userIdle` to true.
|
|
46
|
-
Maps to the player's `user-idle-delay` attribute. Defaults to 500 ms (vidstack's
|
|
47
|
-
own default is 2000 ms). |
|
|
48
|
-
| `idleWhilePaused?` | `boolean` | `false` | Vidstack only fades the bar while playing (deliberately — its `MediaUserController`
|
|
49
|
-
bails out of idle tracking on `pause`). Set this to `true` to also hide the bar
|
|
50
|
-
while paused after `idleDelay` ms of pointer/keyboard inactivity. |
|
|
51
|
-
| `mobileTimelineOnly?` | `boolean` | `true` | On narrow viewports / coarse-pointer devices, auto-collapse to a "timeline-only"
|
|
52
|
-
layout — every chrome control suppresses regardless of its individual prop, leaving
|
|
53
|
-
just the seek bar. Set `false` to honor the chrome props as-is on mobile too. |
|
|
54
|
-
| `keyDisabled?` | `boolean` | `false` | — |
|
|
55
|
-
| `keyTarget?` | `'document' \| 'player'` | — | — |
|
|
56
|
-
| `keyShortcuts?` | `Record<string, string>` | — | — |
|
|
57
|
-
| `onplay?` | `(e: Event) => void` | — | — |
|
|
58
|
-
| `onpause?` | `(e: Event) => void` | — | — |
|
|
59
|
-
| `onended?` | `(e: Event) => void` | — | — |
|
|
60
|
-
| `onplaying?` | `(e: Event) => void` | — | — |
|
|
61
|
-
| `onseeked?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
|
|
62
|
-
| `onseeking?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
|
|
63
|
-
| `oncanplay?` | `(e: Event) => void` | — | — |
|
|
64
|
-
| `ontimeupdate?` | `(e: MediaEventWithDetail<{ currentTime: number; played: TimeRanges }>) => void` | — | — |
|
|
65
|
-
| `onvolumechange?` | `(e: MediaEventWithDetail<{ volume: number; muted: boolean }>) => void` | — | — |
|
|
66
|
-
| `onratechange?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
|
|
67
|
-
| `ondurationchange?` | `(e: MediaEventWithDetail<number>) => void` | — | — |
|
|
68
|
-
| `onloadedmetadata?` | `(e: Event) => void` | — | — |
|
|
69
|
-
| `onfullscreenchange?` | `(e: MediaEventWithDetail<boolean>) => void` | — | — |
|
|
70
|
-
| `onpipchange?` | `(e: MediaEventWithDetail<boolean>) => void` | — | — |
|
|
71
|
-
| `onerror?` | `(e: Event) => void` | — | — |
|
|
72
|
-
| `children?` | `Snippet` | — | Optional override for the entire controls layer — replaces the default chrome. |
|
|
73
|
-
| `class?` | `string` | — | — |
|