@vonage/vivid 4.23.0 → 4.25.0

package/lib/toggletip/toggletip.d.ts

@@ -7,10 +7,10 @@ declare const Toggletip_base: {
         _slottedAnchor?: HTMLElement[] | undefined;
         _slottedAnchorChanged(): void;
         _anchorEl?: HTMLElement | undefined;
-        "__#7@#updateAnchorEl": () => void;
-        "__#7@#observer"?: MutationObserver | undefined;
-        "__#7@#observeMissingAnchor": (anchorId: string) => void;
-        "__#7@#cleanupObserverIfNeeded": () => void;
+        "__#9@#updateAnchorEl": () => void;
+        "__#9@#observer"?: MutationObserver | undefined;
+        "__#9@#observeMissingAnchor": (anchorId: string) => void;
+        "__#9@#cleanupObserverIfNeeded": () => void;
         connectedCallback(): void;
         disconnectedCallback(): void;
         specialHandling: boolean;
@@ -338,6 +338,12 @@ declare const Toggletip_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class Toggletip extends Toggletip_base {

package/lib/tooltip/tooltip.d.ts

@@ -7,10 +7,10 @@ declare const Tooltip_base: {
         _slottedAnchor?: HTMLElement[] | undefined;
         _slottedAnchorChanged(): void;
         _anchorEl?: HTMLElement | undefined;
-        "__#7@#updateAnchorEl": () => void;
-        "__#7@#observer"?: MutationObserver | undefined;
-        "__#7@#observeMissingAnchor": (anchorId: string) => void;
-        "__#7@#cleanupObserverIfNeeded": () => void;
+        "__#9@#updateAnchorEl": () => void;
+        "__#9@#observer"?: MutationObserver | undefined;
+        "__#9@#observeMissingAnchor": (anchorId: string) => void;
+        "__#9@#cleanupObserverIfNeeded": () => void;
         connectedCallback(): void;
         disconnectedCallback(): void;
         specialHandling: boolean;
@@ -338,6 +338,12 @@ declare const Tooltip_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class Tooltip extends Tooltip_base {

package/lib/tree-item/tree-item.d.ts

@@ -329,6 +329,12 @@ declare const TreeItem_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & {
     new (...args: any[]): {
@@ -661,6 +667,12 @@ declare const TreeItem_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class TreeItem extends TreeItem_base {

package/lib/tree-view/tree-view.d.ts

@@ -330,6 +330,12 @@ declare const TreeView_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class TreeView extends TreeView_base {

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

@@ -333,6 +333,12 @@ declare const VideoPlayer_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        "__#1@#handleReplacedProp"(replacedProp: {
+            newPropertyName: string;
+            deprecatedPropertyName: string;
+            fromDeprecated: (v: any) => any;
+            toDeprecated?: ((v: any) => any) | undefined;
+        }): void;
     };
 } & typeof VividElement;
 export declare class VideoPlayer extends VideoPlayer_base {

package/lib/visually-hidden/definition.d.ts

@@ -0,0 +1,4 @@
+import { VisuallyHidden } from './visually-hidden';
+export declare const visuallyHiddenDefinition: import("../../shared/design-system/defineVividComponent").VividComponentDefinition;
+export declare const registerVisuallyHidden: (prefix?: string) => void;
+export { VisuallyHidden as VwcVisuallyHiddenElement };

package/lib/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,3 @@
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
+export declare class VisuallyHidden extends VividElement {
+}

package/lib/visually-hidden/visually-hidden.template.d.ts

@@ -0,0 +1,3 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import { VisuallyHidden } from './visually-hidden';
+export declare const VisuallyHiddenTemplate: () => ViewTemplate<VisuallyHidden>;

package/locales/de-DE.cjs

@@ -300,7 +300,8 @@ const deDE = {
     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"
+    removeFileLabel: "Datei entfernen",
+    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch."
   },
   audioPlayer: {
     playButtonLabel: "Abspielen",
@@ -371,7 +372,52 @@ const deDE = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `Option ${name} fokussiert, ${position} von ${total}.`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${total} von ${limit} ausgewählt.`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "Textblocktyp",
+    textSize: "Textgröße",
+    bold: "Fett",
+    italics: "Kursiv",
+    underline: "Unterstrichen",
+    strikethrough: "Durchgestrichen",
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Dateien hierher ziehen & ablegen"
+  },
+  button: {
+    pendingLabel: "Laden..."
+  },
+  feedbackMessage: {
+    errorIconText: "Fehler:",
+    successIconText: "Erfolg:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Akzent:",
+    alertIcon: "Alarm:",
+    informationIcon: "Information:",
+    successIcon: "Erfolg:",
+    warningIcon: "Warnung:",
+    announcementIcon: "Bekanntmachung:",
+    ctaIcon: "Aufruf zum Handeln:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `Sie können bis zu ${limit} Zeichen eingeben`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `Du hast noch ${total} Zeichen übrig`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Ausgewählt"
+    }
   }
 };
 

package/locales/de-DE.js

@@ -298,7 +298,8 @@ const deDE = {
     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"
+    removeFileLabel: "Datei entfernen",
+    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch."
   },
   audioPlayer: {
     playButtonLabel: "Abspielen",
@@ -369,7 +370,52 @@ const deDE = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `Option ${name} fokussiert, ${position} von ${total}.`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${total} von ${limit} ausgewählt.`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "Textblocktyp",
+    textSize: "Textgröße",
+    bold: "Fett",
+    italics: "Kursiv",
+    underline: "Unterstrichen",
+    strikethrough: "Durchgestrichen",
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Dateien hierher ziehen & ablegen"
+  },
+  button: {
+    pendingLabel: "Laden..."
+  },
+  feedbackMessage: {
+    errorIconText: "Fehler:",
+    successIconText: "Erfolg:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Akzent:",
+    alertIcon: "Alarm:",
+    informationIcon: "Information:",
+    successIcon: "Erfolg:",
+    warningIcon: "Warnung:",
+    announcementIcon: "Bekanntmachung:",
+    ctaIcon: "Aufruf zum Handeln:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `Sie können bis zu ${limit} Zeichen eingeben`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `Du hast noch ${total} Zeichen übrig`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Ausgewählt"
+    }
   }
 };
 

package/locales/en-GB.cjs

@@ -132,7 +132,8 @@ const enGB = {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
-    removeFileLabel: "Remove file"
+    removeFileLabel: "Remove file",
+    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit."
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -203,7 +204,52 @@ const enGB = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${total} of ${limit} selected.`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "Text Block Type",
+    textSize: "Text Size",
+    bold: "Bold",
+    italics: "Italics",
+    underline: "Underline",
+    strikethrough: "Strikethrough",
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/en-GB.js

@@ -130,7 +130,8 @@ const enGB = {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
-    removeFileLabel: "Remove file"
+    removeFileLabel: "Remove file",
+    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit."
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -201,7 +202,52 @@ const enGB = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${total} of ${limit} selected.`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "Text Block Type",
+    textSize: "Text Size",
+    bold: "Bold",
+    italics: "Italics",
+    underline: "Underline",
+    strikethrough: "Strikethrough",
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/en-US.cjs

@@ -300,7 +300,8 @@ const enUS = {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
-    removeFileLabel: "Remove file"
+    removeFileLabel: "Remove file",
+    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit."
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -371,7 +372,52 @@ const enUS = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${total} of ${limit} selected.`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "Text Block Type",
+    textSize: "Text Size",
+    bold: "Bold",
+    italics: "Italics",
+    underline: "Underline",
+    strikethrough: "Strikethrough",
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/en-US.js

@@ -298,7 +298,8 @@ const enUS = {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
-    removeFileLabel: "Remove file"
+    removeFileLabel: "Remove file",
+    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit."
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -369,7 +370,52 @@ const enUS = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${total} of ${limit} selected.`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "Text Block Type",
+    textSize: "Text Size",
+    bold: "Bold",
+    italics: "Italics",
+    underline: "Underline",
+    strikethrough: "Strikethrough",
+    monospace: "Monospace",
+    dragAndDropFilesHere: "Drag&Drop files here"
+  },
+  button: {
+    pendingLabel: "Loading..."
+  },
+  feedbackMessage: {
+    errorIconText: "Error:",
+    successIconText: "Success:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "Accent:",
+    alertIcon: "Alert:",
+    informationIcon: "Information:",
+    successIcon: "Success:",
+    warningIcon: "Warning:",
+    announcementIcon: "Announcement:",
+    ctaIcon: "Call to action:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `You can enter up to ${limit} characters`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `You have ${total} characters remaining`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "Selected"
+    }
   }
 };
 

package/locales/ja-JP.cjs

@@ -299,7 +299,8 @@ const jaJP = {
     invalidFileTypeError: "この種類のファイルは選択できません。",
     maxFilesExceededError: "これ以上ファイルを選択できません。",
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
-    removeFileLabel: "ファイルを削除"
+    removeFileLabel: "ファイルを削除",
+    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。"
   },
   audioPlayer: {
     playButtonLabel: "開始",
@@ -370,7 +371,52 @@ const jaJP = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `オプション ${name} がフォーカスされました。${position}/${total}`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${limit}件中${total}件を選択。`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "テキストブロックタイプ",
+    textSize: "文字サイズ",
+    bold: "太字",
+    italics: "斜体",
+    underline: "下線",
+    strikethrough: "取り消し線",
+    monospace: "等幅",
+    dragAndDropFilesHere: "ここにファイルをドラッグ＆ドロップ"
+  },
+  button: {
+    pendingLabel: "読み込み中"
+  },
+  feedbackMessage: {
+    errorIconText: "エラー:",
+    successIconText: "成功:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "アクセント:",
+    alertIcon: "アラート:",
+    informationIcon: "情報:",
+    successIcon: "成功:",
+    warningIcon: "警告:",
+    announcementIcon: "発表:",
+    ctaIcon: "行動喚起:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `最大${limit}文字まで入力できます`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `残り${total}文字`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "選択済み"
+    }
   }
 };
 

package/locales/ja-JP.js

@@ -297,7 +297,8 @@ const jaJP = {
     invalidFileTypeError: "この種類のファイルは選択できません。",
     maxFilesExceededError: "これ以上ファイルを選択できません。",
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
-    removeFileLabel: "ファイルを削除"
+    removeFileLabel: "ファイルを削除",
+    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。"
   },
   audioPlayer: {
     playButtonLabel: "開始",
@@ -368,7 +369,52 @@ const jaJP = {
     optionFocusedMessage: (
       /* istanbul ignore next */
       (name, position, total) => `オプション ${name} がフォーカスされました。${position}/${total}`
+    ),
+    maxSelectedMessage: (
+      /* istanbul ignore next */
+      (total, limit) => `${limit}件中${total}件を選択。`
+    )
+  },
+  richTextEditor: {
+    textBlockType: "テキストブロックタイプ",
+    textSize: "文字サイズ",
+    bold: "太字",
+    italics: "斜体",
+    underline: "下線",
+    strikethrough: "取り消し線",
+    monospace: "等幅",
+    dragAndDropFilesHere: "ここにファイルをドラッグ＆ドロップ"
+  },
+  button: {
+    pendingLabel: "読み込み中"
+  },
+  feedbackMessage: {
+    errorIconText: "エラー:",
+    successIconText: "成功:"
+  },
+  connotationAnnoncement: {
+    accentIcon: "アクセント:",
+    alertIcon: "アラート:",
+    informationIcon: "情報:",
+    successIcon: "成功:",
+    warningIcon: "警告:",
+    announcementIcon: "発表:",
+    ctaIcon: "行動喚起:"
+  },
+  charCount: {
+    charactersLimitMessage: (
+      /* istanbul ignore next */
+      (limit) => `最大${limit}文字まで入力できます`
+    ),
+    charactersRemainingMessage: (
+      /* istanbul ignore next */
+      (total) => `残り${total}文字`
     )
+  },
+  dataGrid: {
+    cell: {
+      selected: "選択済み"
+    }
   }
 };