@vonage/vivid 4.17.0 → 4.18.0

package/lib/time-picker/time-picker.template.d.ts

@@ -1,3 +1,4 @@
+import { type ViewTemplate } from '@microsoft/fast-element';
 import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
 import type { TimePicker } from './time-picker';
-export declare const TimePickerTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TimePicker, any>;
+export declare const TimePickerTemplate: (context: VividElementDefinitionContext) => ViewTemplate<TimePicker>;

package/locales/de-DE.cjs

@@ -184,7 +184,11 @@ const deDE = {
   common: {
     useCommaAsDecimalSeparator: true
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "Löschen",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "Januar",
@@ -244,8 +248,6 @@ const deDE = {
     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: (
@@ -268,10 +270,32 @@ const deDE = {
     minutesLabel: "Minuten",
     secondsLabel: "Sekunden",
     meridiesLabel: "AM/PM",
-    clearLabel: "Löschen",
-    okLabel: "OK",
     invalidTimeError: "Bitte geben Sie eine gültige Zeit ein."
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "Datum und Uhrzeit auswählen",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `Datum und Uhrzeit ändern, ${dateTime}`
+    ),
+    invalidDateTimeError: "Bitte geben Sie ein gültiges Datum und eine gültige Uhrzeit ein.",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `Das Datum muss ${minDate} oder später sein.`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `Das Datum muss ${maxDate} oder früher sein.`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `Die Uhrzeit muss ${minTime} oder später sein.`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `Die Uhrzeit muss ${maxTime} oder früher sein.`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "Sie können keine Dateien dieses Typs auswählen.",
     maxFilesExceededError: "Sie können keine weiteren Dateien auswählen.",

package/locales/de-DE.js

@@ -182,7 +182,11 @@ const deDE = {
   common: {
     useCommaAsDecimalSeparator: true
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "Löschen",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "Januar",
@@ -242,8 +246,6 @@ const deDE = {
     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: (
@@ -266,10 +268,32 @@ const deDE = {
     minutesLabel: "Minuten",
     secondsLabel: "Sekunden",
     meridiesLabel: "AM/PM",
-    clearLabel: "Löschen",
-    okLabel: "OK",
     invalidTimeError: "Bitte geben Sie eine gültige Zeit ein."
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "Datum und Uhrzeit auswählen",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `Datum und Uhrzeit ändern, ${dateTime}`
+    ),
+    invalidDateTimeError: "Bitte geben Sie ein gültiges Datum und eine gültige Uhrzeit ein.",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `Das Datum muss ${minDate} oder später sein.`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `Das Datum muss ${maxDate} oder früher sein.`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `Die Uhrzeit muss ${minTime} oder später sein.`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `Die Uhrzeit muss ${maxTime} oder früher sein.`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "Sie können keine Dateien dieses Typs auswählen.",
     maxFilesExceededError: "Sie können keine weiteren Dateien auswählen.",

package/locales/en-GB.cjs

@@ -16,7 +16,11 @@ const enGB = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "Clear",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "January",
@@ -76,8 +80,6 @@ const enGB = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -100,10 +102,32 @@ const enGB = {
     minutesLabel: "minutes",
     secondsLabel: "seconds",
     meridiesLabel: "AM/PM",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidTimeError: "Please enter a valid time."
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "Choose date and time",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `Change date and time, ${dateTime}`
+    ),
+    invalidDateTimeError: "Please enter a valid date and time.",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `Date must be ${minDate} or later.`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `Date must be ${maxDate} or earlier.`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `Time must be ${minTime} or later.`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `Time must be ${maxTime} or earlier.`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",

package/locales/en-GB.js

@@ -14,7 +14,11 @@ const enGB = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "Clear",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "January",
@@ -74,8 +78,6 @@ const enGB = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -98,10 +100,32 @@ const enGB = {
     minutesLabel: "minutes",
     secondsLabel: "seconds",
     meridiesLabel: "AM/PM",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidTimeError: "Please enter a valid time."
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "Choose date and time",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `Change date and time, ${dateTime}`
+    ),
+    invalidDateTimeError: "Please enter a valid date and time.",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `Date must be ${minDate} or later.`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `Date must be ${maxDate} or earlier.`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `Time must be ${minTime} or later.`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `Time must be ${maxTime} or earlier.`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",

package/locales/en-US.cjs

@@ -184,7 +184,11 @@ const enUS = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "Clear",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "January",
@@ -244,8 +248,6 @@ const enUS = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -268,10 +270,32 @@ const enUS = {
     minutesLabel: "minutes",
     secondsLabel: "seconds",
     meridiesLabel: "AM/PM",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidTimeError: "Please enter a valid time."
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "Choose date and time",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `Change date and time, ${dateTime}`
+    ),
+    invalidDateTimeError: "Please enter a valid date and time.",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `Date must be ${minDate} or later.`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `Date must be ${maxDate} or earlier.`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `Time must be ${minTime} or later.`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `Time must be ${maxTime} or earlier.`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",

package/locales/en-US.js

@@ -182,7 +182,11 @@ const enUS = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "Clear",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "January",
@@ -242,8 +246,6 @@ const enUS = {
     prevMonthLabel: "Previous month",
     nextMonthLabel: "Next month",
     nextYearLabel: "Next year",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidDateError: "Please enter a valid date.",
     invalidDateRangeError: "Please enter a valid date range.",
     startDateAfterMinDateError: (
@@ -266,10 +268,32 @@ const enUS = {
     minutesLabel: "minutes",
     secondsLabel: "seconds",
     meridiesLabel: "AM/PM",
-    clearLabel: "Clear",
-    okLabel: "OK",
     invalidTimeError: "Please enter a valid time."
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "Choose date and time",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `Change date and time, ${dateTime}`
+    ),
+    invalidDateTimeError: "Please enter a valid date and time.",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `Date must be ${minDate} or later.`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `Date must be ${maxDate} or earlier.`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `Time must be ${minTime} or later.`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `Time must be ${maxTime} or earlier.`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "You can't select files of this type.",
     maxFilesExceededError: "You can't select any more files.",

package/locales/ja-JP.cjs

@@ -183,7 +183,11 @@ const jaJP = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "クリア",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "1月",
@@ -243,8 +247,6 @@ const jaJP = {
     prevMonthLabel: "前月",
     nextMonthLabel: "次月",
     nextYearLabel: "翌年",
-    clearLabel: "クリア",
-    okLabel: "OK",
     invalidDateError: "有効な日付を入力してください。",
     invalidDateRangeError: "有効な日付範囲を入力してください。",
     startDateAfterMinDateError: (
@@ -267,10 +269,32 @@ const jaJP = {
     minutesLabel: "分",
     secondsLabel: "秒",
     meridiesLabel: "午前/午後",
-    clearLabel: "クリア",
-    okLabel: "OK",
     invalidTimeError: "有効な時間を入力してください。"
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "日付と時刻を選択",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `日付と時刻を変更, ${dateTime}`
+    ),
+    invalidDateTimeError: "有効な日付と時刻を入力してください。",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `日付は${minDate}以降である必要があります。`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `日付は${maxDate}以前である必要があります。`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `時刻は${minTime}以降である必要があります。`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `時刻は${maxTime}以前である必要があります。`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "この種類のファイルは選択できません。",
     maxFilesExceededError: "これ以上ファイルを選択できません。",

package/locales/ja-JP.js

@@ -181,7 +181,11 @@ const jaJP = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "クリア",
+    okLabel: "OK"
+  },
+  calendarPicker: {
     months: {
       name: [
         "1月",
@@ -241,8 +245,6 @@ const jaJP = {
     prevMonthLabel: "前月",
     nextMonthLabel: "次月",
     nextYearLabel: "翌年",
-    clearLabel: "クリア",
-    okLabel: "OK",
     invalidDateError: "有効な日付を入力してください。",
     invalidDateRangeError: "有効な日付範囲を入力してください。",
     startDateAfterMinDateError: (
@@ -265,10 +267,32 @@ const jaJP = {
     minutesLabel: "分",
     secondsLabel: "秒",
     meridiesLabel: "午前/午後",
-    clearLabel: "クリア",
-    okLabel: "OK",
     invalidTimeError: "有効な時間を入力してください。"
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "日付と時刻を選択",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `日付と時刻を変更, ${dateTime}`
+    ),
+    invalidDateTimeError: "有効な日付と時刻を入力してください。",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `日付は${minDate}以降である必要があります。`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `日付は${maxDate}以前である必要があります。`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `時刻は${minTime}以降である必要があります。`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `時刻は${maxTime}以前である必要があります。`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "この種類のファイルは選択できません。",
     maxFilesExceededError: "これ以上ファイルを選択できません。",

package/locales/zh-CN.cjs

@@ -185,7 +185,11 @@ const zhCN = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "清除",
+    okLabel: "确定"
+  },
+  calendarPicker: {
     months: {
       name: [
         "一月",
@@ -245,8 +249,6 @@ const zhCN = {
     prevMonthLabel: "上个月",
     nextMonthLabel: "下个月",
     nextYearLabel: "下一年",
-    clearLabel: "清除",
-    okLabel: "确定",
     invalidDateError: "请输入有效的日期。",
     invalidDateRangeError: "请输入有效的日期范围。",
     startDateAfterMinDateError: (
@@ -269,10 +271,32 @@ const zhCN = {
     minutesLabel: "分钟",
     secondsLabel: "秒",
     meridiesLabel: "上午/下午",
-    clearLabel: "清除",
-    okLabel: "确定",
     invalidTimeError: "请输入有效的时间。"
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "选择日期和时间",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `更改日期和时间, ${dateTime}`
+    ),
+    invalidDateTimeError: "请输入有效的日期和时间。",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `日期必须是${minDate}或之后。`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `日期必须是${maxDate}或��前。`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `时间必须是${minTime}或之后。`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `时间必须是${maxTime}或之前。`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "您不能选择此类型的文件。",
     maxFilesExceededError: "您不能再选择任何文件。",

package/locales/zh-CN.js

@@ -183,7 +183,11 @@ const zhCN = {
   common: {
     useCommaAsDecimalSeparator: false
   },
-  datePicker: {
+  pickerField: {
+    clearLabel: "清除",
+    okLabel: "确定"
+  },
+  calendarPicker: {
     months: {
       name: [
         "一月",
@@ -243,8 +247,6 @@ const zhCN = {
     prevMonthLabel: "上个月",
     nextMonthLabel: "下个月",
     nextYearLabel: "下一年",
-    clearLabel: "清除",
-    okLabel: "确定",
     invalidDateError: "请输入有效的日期。",
     invalidDateRangeError: "请输入有效的日期范围。",
     startDateAfterMinDateError: (
@@ -267,10 +269,32 @@ const zhCN = {
     minutesLabel: "分钟",
     secondsLabel: "秒",
     meridiesLabel: "上午/下午",
-    clearLabel: "清除",
-    okLabel: "确定",
     invalidTimeError: "请输入有效的时间。"
   },
+  dateTimePicker: {
+    chooseDateTimeLabel: "选择日期和时间",
+    changeDateTimeLabel: (
+      /* istanbul ignore next */
+      (dateTime) => `更改日期和时间, ${dateTime}`
+    ),
+    invalidDateTimeError: "请输入有效的日期和时间。",
+    dateBeforeMinDateError: (
+      /* istanbul ignore next */
+      (minDate) => `日期必须是${minDate}或之后。`
+    ),
+    dateAfterMaxDateError: (
+      /* istanbul ignore next */
+      (maxDate) => `日期必须是${maxDate}或��前。`
+    ),
+    timeBeforeMinTimeError: (
+      /* istanbul ignore next */
+      (minTime) => `时间必须是${minTime}或之后。`
+    ),
+    timeAfterMaxTimeError: (
+      /* istanbul ignore next */
+      (maxTime) => `时间必须是${maxTime}或之前。`
+    )
+  },
   filePicker: {
     invalidFileTypeError: "您不能选择此类型的文件。",
     maxFilesExceededError: "您不能再选择任何文件。",

package/menu/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition29.cjs');
+const definition = require('../shared/definition30.cjs');
 
 definition.registerMenu();

package/menu/index.js

@@ -1,3 +1,3 @@
-import { d as registerMenu } from '../shared/definition29.js';
+import { d as registerMenu } from '../shared/definition30.js';
 
 registerMenu();

package/menu-item/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition29.cjs');
+const definition = require('../shared/definition30.cjs');
 
 definition.registerMenuItem();

package/menu-item/index.js

@@ -1,3 +1,3 @@
-import { r as registerMenuItem } from '../shared/definition29.js';
+import { r as registerMenuItem } from '../shared/definition30.js';
 
 registerMenuItem();

package/nav/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition32.cjs');
+const definition = require('../shared/definition33.cjs');
 
 definition.registerNav();

package/nav/index.js

@@ -1,3 +1,3 @@
-import { r as registerNav } from '../shared/definition32.js';
+import { r as registerNav } from '../shared/definition33.js';
 
 registerNav();

package/nav-disclosure/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition30.cjs');
+const definition = require('../shared/definition31.cjs');
 
 definition.registerNavDisclosure();

package/nav-disclosure/index.js

@@ -1,3 +1,3 @@
-import { r as registerNavDisclosure } from '../shared/definition30.js';
+import { r as registerNavDisclosure } from '../shared/definition31.js';
 
 registerNavDisclosure();

package/nav-item/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition31.cjs');
+const definition = require('../shared/definition32.cjs');
 
 definition.registerNavItem();

package/nav-item/index.js

@@ -1,3 +1,3 @@
-import { r as registerNavItem } from '../shared/definition31.js';
+import { r as registerNavItem } from '../shared/definition32.js';
 
 registerNavItem();

package/note/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition33.cjs');
+const definition = require('../shared/definition34.cjs');
 
 definition.registerNote();

package/note/index.js

@@ -1,3 +1,3 @@
-import { r as registerNote } from '../shared/definition33.js';
+import { r as registerNote } from '../shared/definition34.js';
 
 registerNote();

package/number-field/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition34.cjs');
+const definition = require('../shared/definition35.cjs');
 
 definition.registerNumberField();

package/number-field/index.js

@@ -1,3 +1,3 @@
-import { r as registerNumberField } from '../shared/definition34.js';
+import { r as registerNumberField } from '../shared/definition35.js';
 
 registerNumberField();