@vonage/vivid 3.51.0 → 3.53.0

package/lib/range-slider/range-slider.d.ts

@@ -0,0 +1,32 @@
+import { Orientation } from '@microsoft/fast-web-utilities';
+import { Connotation } from '../enums';
+import { type FormElement, Localized } from '../../shared/patterns';
+import { FormAssociatedRangeSlider } from './range-slider.form-associated';
+export type RangeSliderConnotation = Connotation.Accent | Connotation.CTA;
+export declare class RangeSlider extends FormAssociatedRangeSlider {
+    #private;
+    start: string;
+    initialStart: string | undefined;
+    currentStart: string;
+    get startAsNumber(): number;
+    set startAsNumber(next: number);
+    end: string;
+    initialEnd: string | undefined;
+    currentEnd: string;
+    get endAsNumber(): number;
+    set endAsNumber(next: number);
+    min: number;
+    max: number;
+    step: number;
+    orientation: Orientation;
+    ariaStartLabel: string | null;
+    ariaEndLabel: string | null;
+    markers: boolean;
+    connotation?: RangeSliderConnotation;
+    valueTextFormatter: (value: string) => string;
+    formResetCallback(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+export interface RangeSlider extends FormElement, Localized {
+}

package/lib/range-slider/range-slider.form-associated.d.ts

@@ -0,0 +1,10 @@
+import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
+declare class _RangeSlider extends FoundationElement {
+}
+interface _RangeSlider extends FormAssociated {
+}
+declare const FormAssociatedRangeSlider_base: typeof _RangeSlider;
+export declare class FormAssociatedRangeSlider extends FormAssociatedRangeSlider_base {
+    proxy: HTMLInputElement;
+}
+export {};

package/lib/range-slider/range-slider.template.d.ts

@@ -0,0 +1,4 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { RangeSlider } from './range-slider';
+export declare const RangeSliderTemplate: (context: ElementDefinitionContext) => ViewTemplate<RangeSlider>;

package/lib/range-slider/utils/lerp.d.ts

@@ -0,0 +1,2 @@
+export declare const lerp: (a: number, b: number, value: number) => number;
+export declare const inverseLerp: (a: number, b: number, value: number) => number;

package/lib/range-slider/utils/roundToStepValue.d.ts

@@ -0,0 +1 @@
+export declare const roundToStepValue: (value: number, step: number) => number;

package/lib/slider/slider.template.d.ts

@@ -1,4 +1,5 @@
 import type { ViewTemplate } from '@microsoft/fast-element';
 import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
 import type { Slider } from './slider';
+export declare const getMarkersTemplate: (isHorizontal: boolean, numMarkers: number) => ViewTemplate<any, any>;
 export declare const SliderTemplate: (context: ElementDefinitionContext) => ViewTemplate<Slider>;

package/lib/split-button/definition.d.ts

@@ -1,2 +1,2 @@
-export type { SplitButtonAppearance, SplitButtonConnotation, SplitButtonShape, SplitButtonSize } from './split-button';
+export type { SplitButtonAppearance, SplitButtonConnotation, SplitButtonShape, SplitButtonSize, } from './split-button';
 export declare const registerSplitButton: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/text-anchor/definition.d.ts

@@ -1,3 +1,4 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export type { TextAnchorConnotation, TextAnchorAppearance, } from './text-anchor';
 export declare const textAnchorDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
 export declare const registerTextAnchor: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/text-anchor/text-anchor.d.ts

@@ -1,7 +1,12 @@
 import { Anchor } from '@microsoft/fast-foundation';
+import { Appearance, Connotation } from '../enums';
 import { AffixIcon } from '../../shared/patterns/affix';
+export type TextAnchorConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
+export type TextAnchorAppearance = Extract<Appearance, Appearance.Ghost>;
 export declare class TextAnchor extends Anchor {
     text?: string;
+    connotation?: TextAnchorConnotation;
+    appearance?: TextAnchorAppearance;
 }
 export interface TextAnchor extends AffixIcon {
 }

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

@@ -0,0 +1,3 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const videoPlayerDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
+export declare const registerVideoPlayer: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

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

@@ -0,0 +1 @@
+export type VideoPlayerLocale = unknown;

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/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');
@@ -29,41 +29,42 @@ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames.
 );
 const ListboxTemplate = () => {
   return index.html`
-<template
-	aria-activedescendant="${(x) => x.ariaActiveDescendant}"
-	aria-multiselectable="${(x) => x.ariaMultiSelectable}"
-	aria-orientation="${(x) => x.ariaOrientation}"
-	aria-label="listbox"
-	role="listbox"
-	@click="${(x, c) => x.clickHandler(c.event)}"
-	@focusin="${(x, c) => x.focusinHandler(c.event)}"
-	@keydown="${(x, c) => x.keydownHandler(c.event)}"
-	@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
-	tabindex="${(x) => !x.disabled ? "0" : null}"
->
-	<div
-		class="${getClasses}"
-	>
-		<slot
-			${slotted.slotted({
+		<template
+			aria-activedescendant="${(x) => x.ariaActiveDescendant}"
+			aria-multiselectable="${(x) => x.ariaMultiSelectable}"
+			aria-orientation="${(x) => x.ariaOrientation}"
+			aria-label="listbox"
+			role="listbox"
+			@click="${(x, c) => x.clickHandler(c.event)}"
+			@focusin="${(x, c) => x.focusinHandler(c.event)}"
+			@keydown="${(x, c) => x.keydownHandler(c.event)}"
+			@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
+			tabindex="${(x) => !x.disabled ? "0" : null}"
+		>
+			<div class="${getClasses}">
+				<slot
+					${slotted.slotted({
     filter: listbox.ListboxElement.slottedOptionFilter,
     flatten: true,
     property: "slottedOptions"
   })}
-		></slot>
-	</div>
-</template>
+				></slot>
+			</div>
+		</template>
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
 
 const listboxDefinition = listbox.Listbox.compose({
   baseName: "listbox",
   template: ListboxTemplate,
   styles
 });
-const listboxRegistries = [listboxDefinition(), ...definition.listboxOptionRegistries];
+const listboxRegistries = [
+  listboxDefinition(),
+  ...definition.listboxOptionRegistries
+];
 const registerListbox = index.registerFactory(listboxRegistries);
 
 registerListbox();

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';
@@ -27,41 +27,42 @@ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames(
 );
 const ListboxTemplate = () => {
   return html`
-<template
-	aria-activedescendant="${(x) => x.ariaActiveDescendant}"
-	aria-multiselectable="${(x) => x.ariaMultiSelectable}"
-	aria-orientation="${(x) => x.ariaOrientation}"
-	aria-label="listbox"
-	role="listbox"
-	@click="${(x, c) => x.clickHandler(c.event)}"
-	@focusin="${(x, c) => x.focusinHandler(c.event)}"
-	@keydown="${(x, c) => x.keydownHandler(c.event)}"
-	@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
-	tabindex="${(x) => !x.disabled ? "0" : null}"
->
-	<div
-		class="${getClasses}"
-	>
-		<slot
-			${slotted({
+		<template
+			aria-activedescendant="${(x) => x.ariaActiveDescendant}"
+			aria-multiselectable="${(x) => x.ariaMultiSelectable}"
+			aria-orientation="${(x) => x.ariaOrientation}"
+			aria-label="listbox"
+			role="listbox"
+			@click="${(x, c) => x.clickHandler(c.event)}"
+			@focusin="${(x, c) => x.focusinHandler(c.event)}"
+			@keydown="${(x, c) => x.keydownHandler(c.event)}"
+			@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
+			tabindex="${(x) => !x.disabled ? "0" : null}"
+		>
+			<div class="${getClasses}">
+				<slot
+					${slotted({
     filter: ListboxElement.slottedOptionFilter,
     flatten: true,
     property: "slottedOptions"
   })}
-		></slot>
-	</div>
-</template>
+				></slot>
+			</div>
+		</template>
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
 
 const listboxDefinition = Listbox.compose({
   baseName: "listbox",
   template: ListboxTemplate,
   styles
 });
-const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries];
+const listboxRegistries = [
+  listboxDefinition(),
+  ...listboxOptionRegistries
+];
 const registerListbox = registerFactory(listboxRegistries);
 
 registerListbox();

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: {
@@ -115,6 +126,29 @@ 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: {
@@ -113,6 +124,29 @@ 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: {
@@ -115,6 +294,29 @@ 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: "#"
   }
 };