@vonage/vivid 4.16.2 → 4.18.0

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 { c 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();

package/option/index.cjs

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

package/option/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vonage/vivid",
-	"version": "4.16.2",
+	"version": "4.18.0",
 	"type": "module",
 	"module": "./index.js",
 	"main": "./index.cjs",
@@ -37,5 +37,10 @@
 	"bugs": {
 		"url": "https://github.com/Vonage/vivid-3/issues"
 	},
-	"license": "Apache-2.0"
+	"license": "Apache-2.0",
+	"dependencies": {
+		"@floating-ui/dom": "^1.6.13",
+		"@microsoft/fast-element": "^1.14.0",
+		"@microsoft/fast-web-utilities": "^6.0.0"
+	}
 }

package/pagination/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition36.cjs');
+const definition = require('../shared/definition37.cjs');
 
 definition.registerPagination();

package/pagination/index.js

@@ -1,3 +1,3 @@
-import { r as registerPagination } from '../shared/definition36.js';
+import { r as registerPagination } from '../shared/definition37.js';
 
 registerPagination();

package/popup/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition63.cjs');
+const definition = require('../shared/definition65.cjs');
 
 definition.registerPopup();

package/popup/index.js

@@ -1,3 +1,3 @@
-import { r as registerPopup } from '../shared/definition63.js';
+import { r as registerPopup } from '../shared/definition65.js';
 
 registerPopup();

package/progress/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition38.cjs');
+const definition = require('../shared/definition39.cjs');
 
 definition.registerProgress();

package/progress/index.js

@@ -1,3 +1,3 @@
-import { r as registerProgress } from '../shared/definition38.js';
+import { r as registerProgress } from '../shared/definition39.js';
 
 registerProgress();

package/progress-ring/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition37.cjs');
+const definition = require('../shared/definition38.cjs');
 
 definition.registerProgressRing();

package/progress-ring/index.js

@@ -1,3 +1,3 @@
-import { r as registerProgressRing } from '../shared/definition37.js';
+import { r as registerProgressRing } from '../shared/definition38.js';
 
 registerProgressRing();

package/radio/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition40.cjs');
+const definition = require('../shared/definition41.cjs');
 
 definition.registerRadio();

package/radio/index.js

@@ -1,3 +1,3 @@
-import { a as registerRadio } from '../shared/definition40.js';
+import { a as registerRadio } from '../shared/definition41.js';
 
 registerRadio();

package/radio-group/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition39.cjs');
+const definition = require('../shared/definition40.cjs');
 
 definition.registerRadioGroup();

package/radio-group/index.js

@@ -1,3 +1,3 @@
-import { a as registerRadioGroup } from '../shared/definition39.js';
+import { a as registerRadioGroup } from '../shared/definition40.js';
 
 registerRadioGroup();

package/range-slider/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition41.cjs');
+const definition = require('../shared/definition42.cjs');
 
 definition.registerRangeSlider();

package/range-slider/index.js

@@ -1,3 +1,3 @@
-import { a as registerRangeSlider } from '../shared/definition41.js';
+import { a as registerRangeSlider } from '../shared/definition42.js';
 
 registerRangeSlider();

package/rich-text-editor/index.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const definition = require('../shared/definition43.cjs');
+
+definition.registerRichTextEditor();

package/rich-text-editor/index.js

@@ -0,0 +1,3 @@
+import { a as registerRichTextEditor } from '../shared/definition43.js';
+
+registerRichTextEditor();

package/searchable-select/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition42.cjs');
+const definition = require('../shared/definition44.cjs');
 
 definition.registerSearchableSelect();

package/searchable-select/index.js

@@ -1,3 +1,3 @@
-import { r as registerSearchableSelect } from '../shared/definition42.js';
+import { r as registerSearchableSelect } from '../shared/definition44.js';
 
 registerSearchableSelect();