@vonage/vivid 3.52.0 → 3.54.0

package/lib/video-player/video-player.d.ts

@@ -0,0 +1,17 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { MediaSkipBy } from '../enums';
+import { Localized } from '../../shared/patterns';
+export declare const DEFAULT_PLAYBACK_RATES = "0.5, 1, 1.5, 2";
+export declare class VideoPlayer extends FoundationElement {
+    #private;
+    poster?: string;
+    src?: string;
+    autoplay: boolean;
+    loop: boolean;
+    playbackRates: string;
+    skipBy: MediaSkipBy;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+export interface VideoPlayer extends Localized {
+}

package/lib/video-player/video-player.template.d.ts

@@ -0,0 +1,4 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import { VideoPlayer } from './video-player';
+export declare const VideoPlayerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<VideoPlayer>;

package/lib/video-player/vivid-video-svg.d.ts

@@ -0,0 +1 @@
+export declare function renderSvgIcons(): import("@microsoft/fast-element").ViewTemplate<any, any>;

package/listbox/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
 const index = require('../shared/index.cjs');
-const definition = require('../shared/definition35.cjs');
+const definition = require('../shared/definition36.cjs');
 const listbox = require('../shared/listbox.cjs');
 const slotted = require('../shared/slotted.cjs');
 const classNames = require('../shared/class-names.cjs');
-require('../shared/definition26.cjs');
+require('../shared/definition27.cjs');
 require('../shared/icon.cjs');
 require('../shared/_has.cjs');
 require('../shared/when.cjs');

package/listbox/index.js

@@ -1,9 +1,9 @@
 import { h as html, r as registerFactory } from '../shared/index.js';
-import { a as listboxOptionRegistries } from '../shared/definition35.js';
+import { a as listboxOptionRegistries } from '../shared/definition36.js';
 import { L as ListboxElement, a as Listbox } from '../shared/listbox.js';
 import { s as slotted } from '../shared/slotted.js';
 import { c as classNames } from '../shared/class-names.js';
-import '../shared/definition26.js';
+import '../shared/definition27.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/when.js';

package/locales/en-GB.cjs

@@ -1,5 +1,16 @@
 'use strict';
 
+const Color = "Colour";
+const enGB$1 = {
+	Color: Color
+};
+
+const videoPlayerLocale = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  Color,
+  default: enGB$1
+}, Symbol.toStringTag, { value: 'Module' }));
+
 const enGB = {
   datePicker: {
     months: {
@@ -98,7 +109,9 @@ const enGB = {
   audioPlayer: {
     playButtonLabel: "Play",
     pauseButtonLabel: "Pause",
-    sliderLabel: "Audio progress bar"
+    sliderLabel: "Audio progress bar",
+    skipForwardButton: "Skip Forward",
+    skipBackwardButton: "Skip Backward"
   },
   alert: {
     dismissButtonLabel: "Close"
@@ -116,9 +129,28 @@ const enGB = {
   splitButton: {
     showMoreActionsLabel: "Show more actions"
   },
+  videoPlayer: videoPlayerLocale,
   rangeSlider: {
     startThumbLabel: "min",
     endThumbLabel: "max"
+  },
+  dialPad: {
+    inputLabel: "Phone number",
+    deleteButtonLabel: "Delete",
+    callButtonLabel: "Call",
+    endCallButtonLabel: "End call",
+    digitOneLabel: "1",
+    digitTwoLabel: "2 ABC",
+    digitThreeLabel: "3 DEF",
+    digitFourLabel: "4 GHI",
+    digitFiveLabel: "5 JKL",
+    digitSixLabel: "6 MNO",
+    digitSevenLabel: "7 PQRS",
+    digitEightLabel: "8 TUV",
+    digitNineLabel: "9 WXYZ",
+    digitAsteriskLabel: "*",
+    digitZeroLabel: "0",
+    digitHashtagLabel: "#"
   }
 };
 

package/locales/en-GB.js

@@ -1,3 +1,14 @@
+const Color = "Colour";
+const enGB$1 = {
+	Color: Color
+};
+
+const videoPlayerLocale = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  Color,
+  default: enGB$1
+}, Symbol.toStringTag, { value: 'Module' }));
+
 const enGB = {
   datePicker: {
     months: {
@@ -96,7 +107,9 @@ const enGB = {
   audioPlayer: {
     playButtonLabel: "Play",
     pauseButtonLabel: "Pause",
-    sliderLabel: "Audio progress bar"
+    sliderLabel: "Audio progress bar",
+    skipForwardButton: "Skip Forward",
+    skipBackwardButton: "Skip Backward"
   },
   alert: {
     dismissButtonLabel: "Close"
@@ -114,9 +127,28 @@ const enGB = {
   splitButton: {
     showMoreActionsLabel: "Show more actions"
   },
+  videoPlayer: videoPlayerLocale,
   rangeSlider: {
     startThumbLabel: "min",
     endThumbLabel: "max"
+  },
+  dialPad: {
+    inputLabel: "Phone number",
+    deleteButtonLabel: "Delete",
+    callButtonLabel: "Call",
+    endCallButtonLabel: "End call",
+    digitOneLabel: "1",
+    digitTwoLabel: "2 ABC",
+    digitThreeLabel: "3 DEF",
+    digitFourLabel: "4 GHI",
+    digitFiveLabel: "5 JKL",
+    digitSixLabel: "6 MNO",
+    digitSevenLabel: "7 PQRS",
+    digitEightLabel: "8 TUV",
+    digitNineLabel: "9 WXYZ",
+    digitAsteriskLabel: "*",
+    digitZeroLabel: "0",
+    digitHashtagLabel: "#"
   }
 };
 

package/locales/en-US.cjs

@@ -1,5 +1,184 @@
 'use strict';
 
+const Play = "Play";
+const Pause = "Pause";
+const Replay = "Replay";
+const Duration = "Duration";
+const LIVE = "LIVE";
+const Loaded = "Loaded";
+const Progress = "Progress";
+const Fullscreen = "Fullscreen";
+const Mute = "Mute";
+const Unmute = "Unmute";
+const Subtitles = "Subtitles";
+const Captions = "Captions";
+const Chapters = "Chapters";
+const Descriptions = "Descriptions";
+const Close = "Close";
+const Text = "Text";
+const White = "White";
+const Black = "Black";
+const Red = "Red";
+const Green = "Green";
+const Blue = "Blue";
+const Yellow = "Yellow";
+const Magenta = "Magenta";
+const Cyan = "Cyan";
+const Background = "Background";
+const Window = "Window";
+const Transparent = "Transparent";
+const Opaque = "Opaque";
+const None = "None";
+const Raised = "Raised";
+const Depressed = "Depressed";
+const Uniform = "Uniform";
+const Casual = "Casual";
+const Script = "Script";
+const Reset = "Reset";
+const Done = "Done";
+const Color = "Color";
+const Opacity = "Opacity";
+const en = {
+	"Audio Player": "Audio Player",
+	"Video Player": "Video Player",
+	Play: Play,
+	Pause: Pause,
+	Replay: Replay,
+	"Current Time": "Current Time",
+	Duration: Duration,
+	"Remaining Time": "Remaining Time",
+	"Stream Type": "Stream Type",
+	LIVE: LIVE,
+	"Seek to live, currently behind live": "Seek to live, currently behind live",
+	"Seek to live, currently playing live": "Seek to live, currently playing live",
+	Loaded: Loaded,
+	Progress: Progress,
+	"Progress Bar": "Progress Bar",
+	"progress bar timing: currentTime={1} duration={2}": "{1} of {2}",
+	Fullscreen: Fullscreen,
+	"Exit Fullscreen": "Exit Fullscreen",
+	Mute: Mute,
+	Unmute: Unmute,
+	"Playback Rate": "Playback Rate",
+	Subtitles: Subtitles,
+	"subtitles off": "subtitles off",
+	Captions: Captions,
+	"captions off": "captions off",
+	Chapters: Chapters,
+	Descriptions: Descriptions,
+	"descriptions off": "descriptions off",
+	"Audio Track": "Audio Track",
+	"Volume Level": "Volume Level",
+	"You aborted the media playback": "You aborted the media playback",
+	"A network error caused the media download to fail part-way.": "A network error caused the media download to fail part-way.",
+	"The media could not be loaded, either because the server or network failed or because the format is not supported.": "The media could not be loaded, either because the server or network failed or because the format is not supported.",
+	"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",
+	"No compatible source was found for this media.": "No compatible source was found for this media.",
+	"The media is encrypted and we do not have the keys to decrypt it.": "The media is encrypted and we do not have the keys to decrypt it.",
+	"Play Video": "Play Video",
+	Close: Close,
+	"Close Modal Dialog": "Close Modal Dialog",
+	"Modal Window": "Modal Window",
+	"This is a modal window": "This is a modal window",
+	"This modal can be closed by pressing the Escape key or activating the close button.": "This modal can be closed by pressing the Escape key or activating the close button.",
+	", opens captions settings dialog": ", opens captions settings dialog",
+	", opens subtitles settings dialog": ", opens subtitles settings dialog",
+	", opens descriptions settings dialog": ", opens descriptions settings dialog",
+	", selected": ", selected",
+	"captions settings": "captions settings",
+	"subtitles settings": "subtitles settings",
+	"descriptions settings": "descriptions settings",
+	Text: Text,
+	White: White,
+	Black: Black,
+	Red: Red,
+	Green: Green,
+	Blue: Blue,
+	Yellow: Yellow,
+	Magenta: Magenta,
+	Cyan: Cyan,
+	Background: Background,
+	Window: Window,
+	Transparent: Transparent,
+	"Semi-Transparent": "Semi-Transparent",
+	Opaque: Opaque,
+	"Font Size": "Font Size",
+	"Text Edge Style": "Text Edge Style",
+	None: None,
+	Raised: Raised,
+	Depressed: Depressed,
+	Uniform: Uniform,
+	"Drop shadow": "Drop shadow",
+	"Font Family": "Font Family",
+	"Proportional Sans-Serif": "Proportional Sans-Serif",
+	"Monospace Sans-Serif": "Monospace Sans-Serif",
+	"Proportional Serif": "Proportional Serif",
+	"Monospace Serif": "Monospace Serif",
+	Casual: Casual,
+	Script: Script,
+	"Small Caps": "Small Caps",
+	Reset: Reset,
+	"restore all settings to the default values": "restore all settings to the default values",
+	Done: Done,
+	"Caption Settings Dialog": "Caption Settings Dialog",
+	"Beginning of dialog window. Escape will cancel and close the window.": "Beginning of dialog window. Escape will cancel and close the window.",
+	"End of dialog window.": "End of dialog window.",
+	"{1} is loading.": "{1} is loading.",
+	"Exit Picture-in-Picture": "Exit Picture-in-Picture",
+	"Picture-in-Picture": "Picture-in-Picture",
+	"No content": "No content",
+	Color: Color,
+	Opacity: Opacity,
+	"Text Background": "Text Background",
+	"Caption Area Background": "Caption Area Background",
+	"Playing in Picture-in-Picture": "Playing in Picture-in-Picture",
+	"Skip backward {1} seconds": "Skip backward {1} seconds",
+	"Skip forward {1} seconds": "Skip forward {1} seconds"
+};
+
+const videoPlayerLocale = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  Background,
+  Black,
+  Blue,
+  Captions,
+  Casual,
+  Chapters,
+  Close,
+  Color,
+  Cyan,
+  Depressed,
+  Descriptions,
+  Done,
+  Duration,
+  Fullscreen,
+  Green,
+  LIVE,
+  Loaded,
+  Magenta,
+  Mute,
+  None,
+  Opacity,
+  Opaque,
+  Pause,
+  Play,
+  Progress,
+  Raised,
+  Red,
+  Replay,
+  Reset,
+  Script,
+  Subtitles,
+  Text,
+  Transparent,
+  Uniform,
+  Unmute,
+  White,
+  Window,
+  Yellow,
+  default: en
+}, Symbol.toStringTag, { value: 'Module' }));
+
 const enUS = {
   datePicker: {
     months: {
@@ -98,7 +277,9 @@ const enUS = {
   audioPlayer: {
     playButtonLabel: "Play",
     pauseButtonLabel: "Pause",
-    sliderLabel: "Audio progress bar"
+    sliderLabel: "Audio progress bar",
+    skipForwardButton: "Skip Forward",
+    skipBackwardButton: "Skip Backward"
   },
   alert: {
     dismissButtonLabel: "Close"
@@ -116,9 +297,28 @@ const enUS = {
   splitButton: {
     showMoreActionsLabel: "Show more actions"
   },
+  videoPlayer: videoPlayerLocale,
   rangeSlider: {
     startThumbLabel: "min",
     endThumbLabel: "max"
+  },
+  dialPad: {
+    inputLabel: "Phone number",
+    deleteButtonLabel: "Delete",
+    callButtonLabel: "Call",
+    endCallButtonLabel: "End call",
+    digitOneLabel: "1",
+    digitTwoLabel: "2 ABC",
+    digitThreeLabel: "3 DEF",
+    digitFourLabel: "4 GHI",
+    digitFiveLabel: "5 JKL",
+    digitSixLabel: "6 MNO",
+    digitSevenLabel: "7 PQRS",
+    digitEightLabel: "8 TUV",
+    digitNineLabel: "9 WXYZ",
+    digitAsteriskLabel: "*",
+    digitZeroLabel: "0",
+    digitHashtagLabel: "#"
   }
 };
 

package/locales/en-US.js

@@ -1,3 +1,182 @@
+const Play = "Play";
+const Pause = "Pause";
+const Replay = "Replay";
+const Duration = "Duration";
+const LIVE = "LIVE";
+const Loaded = "Loaded";
+const Progress = "Progress";
+const Fullscreen = "Fullscreen";
+const Mute = "Mute";
+const Unmute = "Unmute";
+const Subtitles = "Subtitles";
+const Captions = "Captions";
+const Chapters = "Chapters";
+const Descriptions = "Descriptions";
+const Close = "Close";
+const Text = "Text";
+const White = "White";
+const Black = "Black";
+const Red = "Red";
+const Green = "Green";
+const Blue = "Blue";
+const Yellow = "Yellow";
+const Magenta = "Magenta";
+const Cyan = "Cyan";
+const Background = "Background";
+const Window = "Window";
+const Transparent = "Transparent";
+const Opaque = "Opaque";
+const None = "None";
+const Raised = "Raised";
+const Depressed = "Depressed";
+const Uniform = "Uniform";
+const Casual = "Casual";
+const Script = "Script";
+const Reset = "Reset";
+const Done = "Done";
+const Color = "Color";
+const Opacity = "Opacity";
+const en = {
+	"Audio Player": "Audio Player",
+	"Video Player": "Video Player",
+	Play: Play,
+	Pause: Pause,
+	Replay: Replay,
+	"Current Time": "Current Time",
+	Duration: Duration,
+	"Remaining Time": "Remaining Time",
+	"Stream Type": "Stream Type",
+	LIVE: LIVE,
+	"Seek to live, currently behind live": "Seek to live, currently behind live",
+	"Seek to live, currently playing live": "Seek to live, currently playing live",
+	Loaded: Loaded,
+	Progress: Progress,
+	"Progress Bar": "Progress Bar",
+	"progress bar timing: currentTime={1} duration={2}": "{1} of {2}",
+	Fullscreen: Fullscreen,
+	"Exit Fullscreen": "Exit Fullscreen",
+	Mute: Mute,
+	Unmute: Unmute,
+	"Playback Rate": "Playback Rate",
+	Subtitles: Subtitles,
+	"subtitles off": "subtitles off",
+	Captions: Captions,
+	"captions off": "captions off",
+	Chapters: Chapters,
+	Descriptions: Descriptions,
+	"descriptions off": "descriptions off",
+	"Audio Track": "Audio Track",
+	"Volume Level": "Volume Level",
+	"You aborted the media playback": "You aborted the media playback",
+	"A network error caused the media download to fail part-way.": "A network error caused the media download to fail part-way.",
+	"The media could not be loaded, either because the server or network failed or because the format is not supported.": "The media could not be loaded, either because the server or network failed or because the format is not supported.",
+	"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",
+	"No compatible source was found for this media.": "No compatible source was found for this media.",
+	"The media is encrypted and we do not have the keys to decrypt it.": "The media is encrypted and we do not have the keys to decrypt it.",
+	"Play Video": "Play Video",
+	Close: Close,
+	"Close Modal Dialog": "Close Modal Dialog",
+	"Modal Window": "Modal Window",
+	"This is a modal window": "This is a modal window",
+	"This modal can be closed by pressing the Escape key or activating the close button.": "This modal can be closed by pressing the Escape key or activating the close button.",
+	", opens captions settings dialog": ", opens captions settings dialog",
+	", opens subtitles settings dialog": ", opens subtitles settings dialog",
+	", opens descriptions settings dialog": ", opens descriptions settings dialog",
+	", selected": ", selected",
+	"captions settings": "captions settings",
+	"subtitles settings": "subtitles settings",
+	"descriptions settings": "descriptions settings",
+	Text: Text,
+	White: White,
+	Black: Black,
+	Red: Red,
+	Green: Green,
+	Blue: Blue,
+	Yellow: Yellow,
+	Magenta: Magenta,
+	Cyan: Cyan,
+	Background: Background,
+	Window: Window,
+	Transparent: Transparent,
+	"Semi-Transparent": "Semi-Transparent",
+	Opaque: Opaque,
+	"Font Size": "Font Size",
+	"Text Edge Style": "Text Edge Style",
+	None: None,
+	Raised: Raised,
+	Depressed: Depressed,
+	Uniform: Uniform,
+	"Drop shadow": "Drop shadow",
+	"Font Family": "Font Family",
+	"Proportional Sans-Serif": "Proportional Sans-Serif",
+	"Monospace Sans-Serif": "Monospace Sans-Serif",
+	"Proportional Serif": "Proportional Serif",
+	"Monospace Serif": "Monospace Serif",
+	Casual: Casual,
+	Script: Script,
+	"Small Caps": "Small Caps",
+	Reset: Reset,
+	"restore all settings to the default values": "restore all settings to the default values",
+	Done: Done,
+	"Caption Settings Dialog": "Caption Settings Dialog",
+	"Beginning of dialog window. Escape will cancel and close the window.": "Beginning of dialog window. Escape will cancel and close the window.",
+	"End of dialog window.": "End of dialog window.",
+	"{1} is loading.": "{1} is loading.",
+	"Exit Picture-in-Picture": "Exit Picture-in-Picture",
+	"Picture-in-Picture": "Picture-in-Picture",
+	"No content": "No content",
+	Color: Color,
+	Opacity: Opacity,
+	"Text Background": "Text Background",
+	"Caption Area Background": "Caption Area Background",
+	"Playing in Picture-in-Picture": "Playing in Picture-in-Picture",
+	"Skip backward {1} seconds": "Skip backward {1} seconds",
+	"Skip forward {1} seconds": "Skip forward {1} seconds"
+};
+
+const videoPlayerLocale = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  Background,
+  Black,
+  Blue,
+  Captions,
+  Casual,
+  Chapters,
+  Close,
+  Color,
+  Cyan,
+  Depressed,
+  Descriptions,
+  Done,
+  Duration,
+  Fullscreen,
+  Green,
+  LIVE,
+  Loaded,
+  Magenta,
+  Mute,
+  None,
+  Opacity,
+  Opaque,
+  Pause,
+  Play,
+  Progress,
+  Raised,
+  Red,
+  Replay,
+  Reset,
+  Script,
+  Subtitles,
+  Text,
+  Transparent,
+  Uniform,
+  Unmute,
+  White,
+  Window,
+  Yellow,
+  default: en
+}, Symbol.toStringTag, { value: 'Module' }));
+
 const enUS = {
   datePicker: {
     months: {
@@ -96,7 +275,9 @@ const enUS = {
   audioPlayer: {
     playButtonLabel: "Play",
     pauseButtonLabel: "Pause",
-    sliderLabel: "Audio progress bar"
+    sliderLabel: "Audio progress bar",
+    skipForwardButton: "Skip Forward",
+    skipBackwardButton: "Skip Backward"
   },
   alert: {
     dismissButtonLabel: "Close"
@@ -114,9 +295,28 @@ const enUS = {
   splitButton: {
     showMoreActionsLabel: "Show more actions"
   },
+  videoPlayer: videoPlayerLocale,
   rangeSlider: {
     startThumbLabel: "min",
     endThumbLabel: "max"
+  },
+  dialPad: {
+    inputLabel: "Phone number",
+    deleteButtonLabel: "Delete",
+    callButtonLabel: "Call",
+    endCallButtonLabel: "End call",
+    digitOneLabel: "1",
+    digitTwoLabel: "2 ABC",
+    digitThreeLabel: "3 DEF",
+    digitFourLabel: "4 GHI",
+    digitFiveLabel: "5 JKL",
+    digitSixLabel: "6 MNO",
+    digitSevenLabel: "7 PQRS",
+    digitEightLabel: "8 TUV",
+    digitNineLabel: "9 WXYZ",
+    digitAsteriskLabel: "*",
+    digitZeroLabel: "0",
+    digitHashtagLabel: "#"
   }
 };