@vonage/vivid 3.55.0 → 3.56.0

package/custom-elements.json

@@ -2708,6 +2708,10 @@
               "name": "--vvd-button-cta-faint",
               "default": "var(--vvd-color-cta-50)"
             },
+            {
+              "name": "--vvd-button-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
             {
               "name": "--vvd-button-success-primary",
               "default": "var(--vvd-color-success-500)"
@@ -2740,6 +2744,10 @@
               "name": "--vvd-button-success-faint",
               "default": "var(--vvd-color-success-50)"
             },
+            {
+              "name": "--vvd-button-success-fierce-primary",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-button-alert-primary",
               "default": "var(--vvd-color-alert-500)"
@@ -2772,6 +2780,10 @@
               "name": "--vvd-button-alert-faint",
               "default": "var(--vvd-color-alert-50)"
             },
+            {
+              "name": "--vvd-button-alert-fierce-primary",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-button-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -2803,6 +2815,10 @@
             {
               "name": "--vvd-button-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-button-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
             }
           ],
           "slots": [
@@ -7278,6 +7294,18 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "#formatNumbersInMessage",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "autoDiscover",
@@ -12106,6 +12134,15 @@
               },
               "description": "slider connotation",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "valueTextFormatter",
+              "type": {
+                "text": "(value: string) => string"
+              },
+              "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
+              "privacy": "public"
             }
           ],
           "attributes": [

package/lib/button/button.d.ts

@@ -2,7 +2,7 @@ import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 export type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
-export type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
+export type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost | Appearance.GhostLight>;
 export type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type ButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;
 export declare class Button extends FoundationButton {

package/lib/slider/slider.d.ts

@@ -1,9 +1,13 @@
 import { Slider as FastSlider } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
+import { Localized } from '../../shared/patterns';
 export type SliderConnotation = Connotation.Accent | Connotation.CTA;
 export declare class Slider extends FastSlider {
     ariaLabel: string | null;
     ariaValuetext: string | null;
     markers: boolean;
     connotation?: SliderConnotation;
+    valueTextFormatter: (value: string) => string;
+}
+export interface Slider extends Localized {
 }

package/locales/de-DE.cjs

@@ -0,0 +1,329 @@
+'use strict';
+
+const Play = "Wiedergabe";
+const Pause = "Pause";
+const Replay = "Erneut abspielen";
+const Duration = "Dauer";
+const LIVE = "LIVE";
+const Loaded = "Geladen";
+const Progress = "Status";
+const Fullscreen = "Vollbild";
+const Mute = "Stumm schalten";
+const Unmute = "Ton einschalten";
+const Subtitles = "Untertitel";
+const Captions = "Untertitel";
+const Chapters = "Kapitel";
+const Close = "Schließen";
+const Descriptions = "Beschreibungen";
+const Text = "Schrift";
+const White = "Weiß";
+const Black = "Schwarz";
+const Red = "Rot";
+const Green = "Grün";
+const Blue = "Blau";
+const Yellow = "Gelb";
+const Magenta = "Magenta";
+const Cyan = "Türkis";
+const Background = "Hintergrund";
+const Window = "Fenster";
+const Transparent = "Durchsichtig";
+const Opaque = "Undurchsichtig";
+const None = "Kein";
+const Raised = "Erhoben";
+const Depressed = "Gedrückt";
+const Uniform = "Uniform";
+const Casual = "Zwanglos";
+const Script = "Schreibschrift";
+const Reset = "Zurücksetzen";
+const Done = "Fertig";
+const Color = "Farbe";
+const Opacity = "Deckkraft";
+const de = {
+	Play: Play,
+	Pause: Pause,
+	Replay: Replay,
+	"Current Time": "Aktueller Zeitpunkt",
+	Duration: Duration,
+	"Remaining Time": "Verbleibende Zeit",
+	"Stream Type": "Streamtyp",
+	LIVE: LIVE,
+	Loaded: Loaded,
+	Progress: Progress,
+	Fullscreen: Fullscreen,
+	"Exit Fullscreen": "Vollbildmodus beenden",
+	Mute: Mute,
+	Unmute: Unmute,
+	"Playback Rate": "Wiedergabegeschwindigkeit",
+	Subtitles: Subtitles,
+	"subtitles off": "Untertitel aus",
+	Captions: Captions,
+	"captions off": "Untertitel aus",
+	Chapters: Chapters,
+	"You aborted the media playback": "Sie haben die Videowiedergabe abgebrochen.",
+	"A network error caused the media download to fail part-way.": "Der Videodownload ist aufgrund eines Netzwerkfehlers fehlgeschlagen.",
+	"The media could not be loaded, either because the server or network failed or because the format is not supported.": "Das Video konnte nicht geladen werden, da entweder ein Server- oder Netzwerkfehler auftrat oder das Format nicht unterstützt wird.",
+	"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "Die Videowiedergabe wurde entweder wegen eines Problems mit einem beschädigten Video oder wegen verwendeten Funktionen, die vom Browser nicht unterstützt werden, abgebrochen.",
+	"No compatible source was found for this media.": "Für dieses Video wurde keine kompatible Quelle gefunden.",
+	"Play Video": "Video abspielen",
+	Close: Close,
+	"Modal Window": "Modales Fenster",
+	"This is a modal window": "Dies ist ein modales Fenster",
+	"This modal can be closed by pressing the Escape key or activating the close button.": "Durch Drücken der Esc-Taste bzw. Betätigung der Schaltfläche \"Schließen\" wird dieses modale Fenster geschlossen.",
+	", opens captions settings dialog": ", öffnet Einstellungen für Untertitel",
+	", opens subtitles settings dialog": ", öffnet Einstellungen für Untertitel",
+	", selected": ", ausgewählt",
+	"captions settings": "Untertiteleinstellungen",
+	"subtitles settings": "Untertiteleinstellungen",
+	"descriptions settings": "Einstellungen für Beschreibungen",
+	"Close Modal Dialog": "Modales Fenster schließen",
+	Descriptions: Descriptions,
+	"descriptions off": "Beschreibungen aus",
+	"The media is encrypted and we do not have the keys to decrypt it.": "Die Entschlüsselungsschlüssel für den verschlüsselten Medieninhalt sind nicht verfügbar.",
+	", opens descriptions settings dialog": ", öffnet Einstellungen für Beschreibungen",
+	"Audio Track": "Tonspur",
+	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": "Halbdurchsichtig",
+	Opaque: Opaque,
+	"Font Size": "Schriftgröße",
+	"Text Edge Style": "Textkantenstil",
+	None: None,
+	Raised: Raised,
+	Depressed: Depressed,
+	Uniform: Uniform,
+	"Drop shadow": "Schlagschatten",
+	"Font Family": "Schriftfamilie",
+	"Proportional Sans-Serif": "Proportionale Sans-Serif",
+	"Monospace Sans-Serif": "Monospace Sans-Serif",
+	"Proportional Serif": "Proportionale Serif",
+	"Monospace Serif": "Monospace Serif",
+	Casual: Casual,
+	Script: Script,
+	"Small Caps": "Small-Caps",
+	Reset: Reset,
+	"restore all settings to the default values": "Alle Einstellungen auf die Standardwerte zurücksetzen",
+	Done: Done,
+	"Caption Settings Dialog": "Einstellungsdialog für Untertitel",
+	"Beginning of dialog window. Escape will cancel and close the window.": "Anfang des Dialogfensters. Esc bricht ab und schließt das Fenster.",
+	"End of dialog window.": "Ende des Dialogfensters.",
+	"Audio Player": "Audio-Player",
+	"Video Player": "Video-Player",
+	"Progress Bar": "Fortschrittsbalken",
+	"progress bar timing: currentTime={1} duration={2}": "{1} von {2}",
+	"Volume Level": "Lautstärke",
+	"{1} is loading.": "{1} wird geladen.",
+	"Seek to live, currently behind live": "Zur Live-Übertragung wechseln. Aktuell wird es nicht live abgespielt.",
+	"Seek to live, currently playing live": "Zur Live-Übertragung wechseln. Es wird aktuell live abgespielt.",
+	"Exit Picture-in-Picture": "Bild-im-Bild-Modus beenden",
+	"Picture-in-Picture": "Bild-im-Bild-Modus",
+	"No content": "Kein Inhalt",
+	Color: Color,
+	Opacity: Opacity,
+	"Text Background": "Texthintergrund",
+	"Caption Area Background": "Hintergrund des Untertitelbereichs",
+	"Playing in Picture-in-Picture": "Wird im Bild-im-Bild-Modus wiedergegeben",
+	"Skip forward {1} seconds": "{1} Sekunden vorwärts",
+	"Skip backward {1} seconds": "{1} Sekunden zurück"
+};
+
+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: de
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const deDE = {
+  lang: "de-DE",
+  common: {
+    useCommaAsDecimalSeparator: true
+  },
+  datePicker: {
+    months: {
+      name: [
+        "Januar",
+        "Februar",
+        "März",
+        "April",
+        "Mai",
+        "Juni",
+        "Juli",
+        "August",
+        "September",
+        "Oktober",
+        "November",
+        "Dezember"
+      ],
+      shorthand: [
+        "Jan",
+        "Feb",
+        "Mär",
+        "Apr",
+        "Mai",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Okt",
+        "Nov",
+        "Dez"
+      ]
+    },
+    weekdays: {
+      name: [
+        "Sonntag",
+        "Montag",
+        "Dienstag",
+        "Mittwoch",
+        "Donnerstag",
+        "Freitag",
+        "Samstag"
+      ],
+      shorthand: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"]
+    },
+    firstDayOfWeek: 1,
+    dateFormat: "dd.MM.yyyy",
+    dateFormatPlaceholder: "DD.MM.YYYY",
+    chooseDateLabel: "Datum auswählen",
+    changeDateLabel: (
+      /* istanbul ignore next */
+      (date) => `Datum ändern, ${date}`
+    ),
+    chooseDatesLabel: "Daten auswählen",
+    changeDatesLabel: (
+      /* istanbul ignore next */
+      (range) => `Daten ändern, ${range}`
+    ),
+    prevYearLabel: "Vorheriges Jahr",
+    prevMonthLabel: "Vorheriger Monat",
+    nextMonthLabel: "Nächster Monat",
+    nextYearLabel: "Nächstes Jahr",
+    clearLabel: "Löschen",
+    okLabel: "OK",
+    invalidDateError: "Bitte geben Sie ein gültiges Datum ein.",
+    invalidDateRangeError: "Bitte geben Sie einen gültigen Datumsbereich ein.",
+    startDateAfterMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `Das Startdatum muss ${minDate} oder später sein.`
+    ),
+    endDateBeforeMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `Das Enddatum muss ${maxDate} oder früher sein.`
+    )
+  },
+  timePicker: {
+    defaultTo12HourClock: false,
+    chooseTimeLabel: "Zeit auswählen",
+    changeTimeLabel: (
+      /* istanbul ignore next */
+      (time) => `Zeit ändern, ${time}`
+    ),
+    hoursLabel: "Stunden",
+    minutesLabel: "Minuten",
+    secondsLabel: "Sekunden",
+    meridiesLabel: "AM/PM",
+    clearLabel: "Löschen",
+    okLabel: "OK",
+    invalidTimeError: "Bitte geben Sie eine gültige Zeit ein."
+  },
+  filePicker: {
+    invalidFileTypeError: "Sie können keine Dateien dieses Typs auswählen.",
+    maxFilesExceededError: "Sie können keine weiteren Dateien auswählen.",
+    fileTooBigError: "Die Datei ist zu groß ({{filesize}}MiB). Maximale Dateigröße: {{maxFilesize}}MiB.",
+    removeFileLabel: "Datei entfernen"
+  },
+  audioPlayer: {
+    playButtonLabel: "Abspielen",
+    pauseButtonLabel: "Pause",
+    sliderLabel: "Wiedergabebalken",
+    skipForwardButton: "Vorwärts springen",
+    skipBackwardButton: "Rückwärts springen"
+  },
+  alert: {
+    dismissButtonLabel: "Schließen"
+  },
+  dialog: {
+    dismissButtonLabel: "Schließen"
+  },
+  banner: {
+    dismissButtonLabel: "Schließen"
+  },
+  numberField: {
+    incrementButtonLabel: "Erhöhen",
+    decrementButtonLabel: "Verringern"
+  },
+  splitButton: {
+    showMoreActionsLabel: "Weitere Aktionen anzeigen"
+  },
+  videoPlayer: videoPlayerLocale,
+  rangeSlider: {
+    startThumbLabel: "min",
+    endThumbLabel: "max"
+  },
+  dialPad: {
+    inputLabel: "Telefonnummer",
+    deleteButtonLabel: "Löschen",
+    callButtonLabel: "Anrufen",
+    endCallButtonLabel: "Anruf beenden",
+    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: "#"
+  }
+};
+
+module.exports = deDE;

package/locales/de-DE.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from '../shared/localization/Locale';
+declare const deDE: Locale;
+export default deDE;