@vonage/vivid 4.24.0 → 4.26.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

@@ -3,10 +3,10 @@ export declare function isTreeItemElement(el: Element): el is HTMLElement;
 declare const TreeItem_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
+        connectedCallback(): void;
         specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-        connectedCallback(): void;
         disconnectedCallback(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
@@ -329,16 +329,22 @@ 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[]): {
         icon?: string | undefined;
         iconSlottedContent?: HTMLElement[] | undefined;
+        connectedCallback(): void;
         specialHandling: boolean;
         _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-        connectedCallback(): void;
         disconnectedCallback(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
@@ -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

@@ -4,10 +4,10 @@ export declare function getDisplayedNodes(rootNode: HTMLElement, selector: strin
 declare const TreeView_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
+        connectedCallback(): void;
         specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-        connectedCallback(): void;
         disconnectedCallback(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
@@ -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

@@ -6,11 +6,11 @@ export declare const DEFAULT_PLAYBACK_RATES = "0.5, 1, 1.5, 2";
 declare const VideoPlayer_base: {
     new (...args: any[]): {
         readonly locale: import("../shared/localization/Locale").Locale;
+        connectedCallback(): void;
         specialHandling: boolean;
         _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-        connectedCallback(): void;
         disconnectedCallback(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
@@ -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

@@ -320,8 +320,18 @@ const deDE = {
     dismissButtonLabel: "Schließen"
   },
   numberField: {
-    incrementButtonLabel: "Erhöhen",
-    decrementButtonLabel: "Verringern"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Wert erhöhen" : `Wert um ${step} erhöhen`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Wert verringern" : `Wert um ${step} verringern`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `Aktualisierter Wert: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "Weitere Aktionen anzeigen"
@@ -333,7 +343,7 @@ const deDE = {
   },
   dialPad: {
     inputLabel: "Telefonnummer",
-    deleteButtonLabel: "Löschen",
+    deleteButtonLabel: "Letzte Ziffer löschen",
     callButtonLabel: "Anrufen",
     endCallButtonLabel: "Anruf beenden",
     digitOneLabel: "1",
@@ -385,7 +395,47 @@ const deDE = {
     italics: "Kursiv",
     underline: "Unterstrichen",
     strikethrough: "Durchgestrichen",
-    monospace: "Monospace"
+    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"
+    }
+  },
+  pagination: {
+    previousPageLabel: "Zur vorherigen Seite",
+    nextPageLabel: "Zur nächsten Seite",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `Weiter zu Seite ${index}`
+    )
   }
 };
 

package/locales/de-DE.js

@@ -318,8 +318,18 @@ const deDE = {
     dismissButtonLabel: "Schließen"
   },
   numberField: {
-    incrementButtonLabel: "Erhöhen",
-    decrementButtonLabel: "Verringern"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Wert erhöhen" : `Wert um ${step} erhöhen`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Wert verringern" : `Wert um ${step} verringern`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `Aktualisierter Wert: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "Weitere Aktionen anzeigen"
@@ -331,7 +341,7 @@ const deDE = {
   },
   dialPad: {
     inputLabel: "Telefonnummer",
-    deleteButtonLabel: "Löschen",
+    deleteButtonLabel: "Letzte Ziffer löschen",
     callButtonLabel: "Anrufen",
     endCallButtonLabel: "Anruf beenden",
     digitOneLabel: "1",
@@ -383,7 +393,47 @@ const deDE = {
     italics: "Kursiv",
     underline: "Unterstrichen",
     strikethrough: "Durchgestrichen",
-    monospace: "Monospace"
+    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"
+    }
+  },
+  pagination: {
+    previousPageLabel: "Zur vorherigen Seite",
+    nextPageLabel: "Zur nächsten Seite",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `Weiter zu Seite ${index}`
+    )
   }
 };
 

package/locales/en-GB.cjs

@@ -152,8 +152,18 @@ const enGB = {
     dismissButtonLabel: "Close"
   },
   numberField: {
-    incrementButtonLabel: "Increment",
-    decrementButtonLabel: "Decrement"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Increase value" : `Increase value by ${step}`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Decrease value" : `Decrease value by ${step}`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `Updated value: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
@@ -165,7 +175,7 @@ const enGB = {
   },
   dialPad: {
     inputLabel: "Phone number",
-    deleteButtonLabel: "Delete",
+    deleteButtonLabel: "Delete last digit",
     callButtonLabel: "Call",
     endCallButtonLabel: "End call",
     digitOneLabel: "1",
@@ -217,7 +227,47 @@ const enGB = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    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"
+    }
+  },
+  pagination: {
+    previousPageLabel: "Go to previous page",
+    nextPageLabel: "Go to next page",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `Go to page ${index}`
+    )
   }
 };
 

package/locales/en-GB.js

@@ -150,8 +150,18 @@ const enGB = {
     dismissButtonLabel: "Close"
   },
   numberField: {
-    incrementButtonLabel: "Increment",
-    decrementButtonLabel: "Decrement"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Increase value" : `Increase value by ${step}`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Decrease value" : `Decrease value by ${step}`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `Updated value: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
@@ -163,7 +173,7 @@ const enGB = {
   },
   dialPad: {
     inputLabel: "Phone number",
-    deleteButtonLabel: "Delete",
+    deleteButtonLabel: "Delete last digit",
     callButtonLabel: "Call",
     endCallButtonLabel: "End call",
     digitOneLabel: "1",
@@ -215,7 +225,47 @@ const enGB = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    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"
+    }
+  },
+  pagination: {
+    previousPageLabel: "Go to previous page",
+    nextPageLabel: "Go to next page",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `Go to page ${index}`
+    )
   }
 };
 

package/locales/en-US.cjs

@@ -320,8 +320,18 @@ const enUS = {
     dismissButtonLabel: "Close"
   },
   numberField: {
-    incrementButtonLabel: "Increment",
-    decrementButtonLabel: "Decrement"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Increase value" : `Increase value by ${step}`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Decrease value" : `Decrease value by ${step}`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `Updated value: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
@@ -333,7 +343,7 @@ const enUS = {
   },
   dialPad: {
     inputLabel: "Phone number",
-    deleteButtonLabel: "Delete",
+    deleteButtonLabel: "Delete last digit",
     callButtonLabel: "Call",
     endCallButtonLabel: "End call",
     digitOneLabel: "1",
@@ -385,7 +395,47 @@ const enUS = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    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"
+    }
+  },
+  pagination: {
+    previousPageLabel: "Go to previous page",
+    nextPageLabel: "Go to next page",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `Go to page ${index}`
+    )
   }
 };
 

package/locales/en-US.js

@@ -318,8 +318,18 @@ const enUS = {
     dismissButtonLabel: "Close"
   },
   numberField: {
-    incrementButtonLabel: "Increment",
-    decrementButtonLabel: "Decrement"
+    incrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Increase value" : `Increase value by ${step}`
+    ),
+    decrementButtonLabel: (
+      /* istanbul ignore next */
+      (step) => step === 1 ? "Decrease value" : `Decrease value by ${step}`
+    ),
+    updatedValueAnnouncement: (
+      /* istanbul ignore next */
+      (value) => `Updated value: ${value}`
+    )
   },
   splitButton: {
     showMoreActionsLabel: "Show more actions"
@@ -331,7 +341,7 @@ const enUS = {
   },
   dialPad: {
     inputLabel: "Phone number",
-    deleteButtonLabel: "Delete",
+    deleteButtonLabel: "Delete last digit",
     callButtonLabel: "Call",
     endCallButtonLabel: "End call",
     digitOneLabel: "1",
@@ -383,7 +393,47 @@ const enUS = {
     italics: "Italics",
     underline: "Underline",
     strikethrough: "Strikethrough",
-    monospace: "Monospace"
+    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"
+    }
+  },
+  pagination: {
+    previousPageLabel: "Go to previous page",
+    nextPageLabel: "Go to next page",
+    goToPageLabel: (
+      /* istanbul ignore next */
+      (index) => `Go to page ${index}`
+    )
   }
 };