@streamscloud/embeddable 2.1.3 → 2.1.4

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 (8) hide show
  1. package/dist/short-videos/short-videos-player/controls.svelte +6 -6
  2. package/dist/streams/stream-player/controls.svelte +7 -7
  3. package/dist/streams/stream-player/stream-overview.svelte +1 -1
  4. package/dist/ui/icon/cmp.icon.svelte +14 -18
  5. package/dist/ui/image/cmp.image-stub.svelte +1 -1
  6. package/dist/ui/image/cmp.image.svelte +1 -1
  7. package/dist/ui/video/cmp.video.svelte +4 -4
  8. package/package.json +1 -1
package/dist/short-videos/short-videos-player/controls.svelte CHANGED
@@ -3,12 +3,12 @@ import { Icon } from '../../ui/icon';
3
3
  import { MediaVolumeManager } from '../../ui/media-playback';
4
4
  import { default as ActionButton } from './action-button.svelte';
5
5
  import { ShortVideosPlayerLocalization } from './short-videos-player-localization.svelte.js';
6
- import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg';
7
- import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_20_regular.svg';
8
- import IconDismiss from '@fluentui/svg-icons/icons/dismiss_20_regular.svg';
9
- import IconPanelRightGallery from '@fluentui/svg-icons/icons/panel_right_gallery_20_regular.svg';
10
- import IconSpeaker2 from '@fluentui/svg-icons/icons/speaker_2_20_regular.svg';
11
- import IconSpeakerMute from '@fluentui/svg-icons/icons/speaker_mute_20_regular.svg';
6
+ import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg?raw';
7
+ import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_20_regular.svg?raw';
8
+ import IconDismiss from '@fluentui/svg-icons/icons/dismiss_20_regular.svg?raw';
9
+ import IconPanelRightGallery from '@fluentui/svg-icons/icons/panel_right_gallery_20_regular.svg?raw';
10
+ import IconSpeaker2 from '@fluentui/svg-icons/icons/speaker_2_20_regular.svg?raw';
11
+ import IconSpeakerMute from '@fluentui/svg-icons/icons/speaker_mute_20_regular.svg?raw';
12
12
  let { buffer, uiManager, localization, on } = $props();
13
13
  const toggleMuted = () => {
14
14
  MediaVolumeManager.isMuted = !MediaVolumeManager.isMuted;
package/dist/streams/stream-player/controls.svelte CHANGED
@@ -5,13 +5,13 @@ import { Icon } from '../../ui/icon';
5
5
  import { MediaVolumeManager } from '../../ui/media-playback';
6
6
  import { default as ActionButton } from './action-button.svelte';
7
7
  import { StreamPlayerLocalization } from './stream-player-localization.svelte';
8
- import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg';
9
- import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_20_regular.svg';
10
- import IconDismiss from '@fluentui/svg-icons/icons/dismiss_20_regular.svg';
11
- import IconFullScreenMaximize from '@fluentui/svg-icons/icons/full_screen_maximize_20_regular.svg';
12
- import IconPanelRightGallery from '@fluentui/svg-icons/icons/panel_right_gallery_20_regular.svg';
13
- import IconSpeaker2 from '@fluentui/svg-icons/icons/speaker_2_20_regular.svg';
14
- import IconSpeakerMute from '@fluentui/svg-icons/icons/speaker_mute_20_regular.svg';
8
+ import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg?raw';
9
+ import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_20_regular.svg?raw';
10
+ import IconDismiss from '@fluentui/svg-icons/icons/dismiss_20_regular.svg?raw';
11
+ import IconFullScreenMaximize from '@fluentui/svg-icons/icons/full_screen_maximize_20_regular.svg?raw';
12
+ import IconPanelRightGallery from '@fluentui/svg-icons/icons/panel_right_gallery_20_regular.svg?raw';
13
+ import IconSpeaker2 from '@fluentui/svg-icons/icons/speaker_2_20_regular.svg?raw';
14
+ import IconSpeakerMute from '@fluentui/svg-icons/icons/speaker_mute_20_regular.svg?raw';
15
15
  let { buffer, uiManager, localization, on } = $props();
16
16
  const toggleMuted = () => {
17
17
  MediaVolumeManager.isMuted = !MediaVolumeManager.isMuted;
package/dist/streams/stream-player/stream-overview.svelte CHANGED
@@ -7,7 +7,7 @@ import { ProportionalContainer } from '../../ui/proportional-container';
7
7
  import { TimeAgo } from '../../ui/time-ago';
8
8
  import { default as ActionButton } from './action-button.svelte';
9
9
  import { StreamPlayerLocalization } from './stream-player-localization.svelte';
10
- import IconPanelLeftText from '@fluentui/svg-icons/icons/panel_left_text_20_regular.svg';
10
+ import IconPanelLeftText from '@fluentui/svg-icons/icons/panel_left_text_20_regular.svg?raw';
11
11
  let { model, buffer, activePageId, on, uiManager, localization } = $props();
12
12
  </script>
13
13
 
package/dist/ui/icon/cmp.icon.svelte CHANGED
@@ -13,9 +13,9 @@ const fillSvg = (node) => {
13
13
  };
14
14
  </script>
15
15
 
16
- <div style="display: contents">
17
- {#if src.startsWith('fa-')}
18
- <i class="{src} font-awesome-icon-to-replace"></i>
16
+ <div class="icon" style="display: contents">
17
+ {#if src.startsWith('<svg')}
18
+ {@html src}
19
19
  {:else}
20
20
  <svg
21
21
  class="icon"
@@ -45,15 +45,6 @@ const fillSvg = (node) => {
45
45
  --_icon--color: var(--icon--color);
46
46
  --_icon--size: var(--icon--size, 1.25em);
47
47
  --_icon--stroke-width: var(--icon--stroke-width, 0);
48
- display: inline-block;
49
- color: inherit;
50
- fill: var(--_icon--color, currentColor);
51
- height: var(--_icon--size);
52
- min-height: var(--_icon--size);
53
- max-height: var(--_icon--size);
54
- width: var(--_icon--size);
55
- min-width: var(--_icon--size);
56
- max-width: var(--_icon--size);
57
48
  }
58
49
  .icon--white {
59
50
  --_icon--color: #ffffff;
@@ -97,6 +88,17 @@ const fillSvg = (node) => {
97
88
  :global([data-theme="dark"]) .icon--blue {
98
89
  --_icon--color: #91b3f3;
99
90
  }
91
+ .icon :global(svg) {
92
+ display: inline-block;
93
+ color: inherit;
94
+ fill: var(--_icon--color, currentColor);
95
+ height: var(--_icon--size);
96
+ min-height: var(--_icon--size);
97
+ max-height: var(--_icon--size);
98
+ width: var(--_icon--size);
99
+ min-width: var(--_icon--size);
100
+ max-width: var(--_icon--size);
101
+ }
100
102
  .icon :global(path) {
101
103
  stroke: var(--_icon--color);
102
104
  stroke-width: var(--_icon--stroke-width);
@@ -104,10 +106,4 @@ const fillSvg = (node) => {
104
106
  :global([data-theme="dark"]) .icon :global(path) {
105
107
  stroke: var(--_icon--color);
106
108
  stroke-width: var(--_icon--stroke-width);
107
- }
108
-
109
- .font-awesome-icon-to-replace {
110
- font-size: 1em;
111
- transform: scale(2);
112
- color: red;
113
109
  }</style>
package/dist/ui/image/cmp.image-stub.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">import { Icon } from '../icon';
2
- import IconImage from '@fluentui/svg-icons/icons/image_20_regular.svg';
2
+ import IconImage from '@fluentui/svg-icons/icons/image_20_regular.svg?raw';
3
3
  </script>
4
4
 
5
5
  <div class="image-stub">
package/dist/ui/image/cmp.image.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">import { Icon } from '../icon';
2
2
  import { calculateImageState, ImageState } from './image-state';
3
- import IconImageOff from '@fluentui/svg-icons/icons/image_off_20_regular.svg';
3
+ import IconImageOff from '@fluentui/svg-icons/icons/image_off_20_regular.svg?raw';
4
4
  let { src, alt = '', showStubOnError = false, on, stub } = $props();
5
5
  let hasError = $state(false);
6
6
  const imageState = $derived(calculateImageState(src, hasError, showStubOnError));
package/dist/ui/video/cmp.video.svelte CHANGED
@@ -12,10 +12,10 @@ import { Icon, IconColor } from '../icon';
12
12
  import { MediaVolumeManager, PlaybackManager } from '../media-playback';
13
13
  import { Progress } from '../progress';
14
14
  import { SeekBar } from '../seek-bar';
15
- import IconPause from '@fluentui/svg-icons/icons/pause_20_regular.svg';
16
- import IconPlay from '@fluentui/svg-icons/icons/play_20_regular.svg';
17
- import IconSpeaker from '@fluentui/svg-icons/icons/speaker_2_20_regular.svg';
18
- import IconSpeakerMute from '@fluentui/svg-icons/icons/speaker_mute_20_regular.svg';
15
+ import IconPause from '@fluentui/svg-icons/icons/pause_20_regular.svg?raw';
16
+ import IconPlay from '@fluentui/svg-icons/icons/play_20_regular.svg?raw';
17
+ import IconSpeaker from '@fluentui/svg-icons/icons/speaker_2_20_regular.svg?raw';
18
+ import IconSpeakerMute from '@fluentui/svg-icons/icons/speaker_mute_20_regular.svg?raw';
19
19
  import { onDestroy, onMount, untrack } from 'svelte';
20
20
  import { slide } from 'svelte/transition';
21
21
  let { src, poster, id = randomNanoid(), controls = true, autoplay = false, loop = false, inert = false, intersectionContainer, on } = $props();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/embeddable",
3
- "version": "2.1.3",
3
+ "version": "2.1.4",
4
4
  "author": "StreamsCloud",
5
5
  "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
6
6
  "type": "module",