@vonage/vivid 5.7.0 → 5.8.0

package/custom-elements.json

@@ -8671,23 +8671,6 @@
                 "module": "src/shared/foundation/listbox/listbox.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "getNextSelectableIndex",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "fromIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/shared/foundation/listbox/listbox.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_validSelectedIndex",
@@ -9258,6 +9241,7 @@
             "module": "/src/shared/foundation/vivid-element/vivid-element"
           },
           "vividComponent": {
+            "public": true,
             "name": "contextual-help"
           }
         }
@@ -9297,6 +9281,14 @@
             "name": "registerContextualHelp",
             "module": "src/lib/contextual-help/definition.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "VwcContextualHelpElement",
+          "declaration": {
+            "name": "ContextualHelp",
+            "module": "src/lib/contextual-help/definition.ts"
+          }
         }
       ]
     },
@@ -27212,23 +27204,6 @@
                 "module": "src/shared/foundation/listbox/listbox.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "getNextSelectableIndex",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "fromIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Listbox",
-                "module": "src/shared/foundation/listbox/listbox.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_validSelectedIndex",
@@ -31431,8 +31406,12 @@
           ],
           "slots": [
             {
-              "description": "Default slot.",
+              "description": "Default slot for tab and tab-panel elements.",
               "name": ""
+            },
+            {
+              "description": "Slot for action items such as buttons or controls.",
+              "name": "action-items"
             }
           ],
           "members": [
@@ -44881,6 +44860,209 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/foundation/listbox/listbox.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Listbox",
+          "members": [
+            {
+              "kind": "field",
+              "name": "length",
+              "type": {
+                "text": "number"
+              },
+              "description": "The number of options.",
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "ListboxOption[]"
+              },
+              "description": "The list of options.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the listbox.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selectedIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "-1",
+              "description": "The index of the selected option.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selectedOptions",
+              "type": {
+                "text": "ListboxOption[]"
+              },
+              "default": "[]",
+              "description": "A collection of the selected options.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "slottedOptionFilter",
+              "static": true,
+              "description": "A static filter to include only selectable options.",
+              "parameters": [
+                {
+                  "description": "element to filter",
+                  "name": "n"
+                }
+              ],
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "_validSelectedIndex",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectFirstOption",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Moves focus to the first selectable option.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "_newDefaultSelectedIndex",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "number | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "prev",
+                  "type": {
+                    "text": "ListboxOption[]"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "ListboxOption[]"
+                  }
+                },
+                {
+                  "name": "currentSelectedIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isDefaultSelected",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "ListboxOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectedOptions",
+              "privacy": "public",
+              "description": "Sets an option as selected and gives it focus."
+            },
+            {
+              "kind": "field",
+              "name": "VIVID_VERSION",
+              "static": true,
+              "default": "__PACKAGE_VERSION__",
+              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "componentName",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "description": "Core component name, without prefix",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the listbox.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/src/shared/foundation/vivid-element/vivid-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Listbox",
+          "declaration": {
+            "name": "Listbox",
+            "module": "src/shared/foundation/listbox/listbox.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/foundation/form-associated/form-associated.ts",
@@ -45392,222 +45574,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/foundation/listbox/listbox.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Listbox",
-          "members": [
-            {
-              "kind": "field",
-              "name": "length",
-              "type": {
-                "text": "number"
-              },
-              "description": "The number of options.",
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "ListboxOption[]"
-              },
-              "description": "The list of options.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The disabled state of the listbox.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "selectedIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "-1",
-              "description": "The index of the selected option.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "selectedOptions",
-              "type": {
-                "text": "ListboxOption[]"
-              },
-              "default": "[]",
-              "description": "A collection of the selected options.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "slottedOptionFilter",
-              "static": true,
-              "description": "A static filter to include only selectable options.",
-              "parameters": [
-                {
-                  "description": "element to filter",
-                  "name": "n"
-                }
-              ],
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "getNextSelectableIndex",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "fromIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_validSelectedIndex",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "selectFirstOption",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Moves focus to the first selectable option.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "_newDefaultSelectedIndex",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "number | null"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "prev",
-                  "type": {
-                    "text": "ListboxOption[]"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "ListboxOption[]"
-                  }
-                },
-                {
-                  "name": "currentSelectedIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isDefaultSelected",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "ListboxOption"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "setSelectedOptions",
-              "privacy": "public",
-              "description": "Sets an option as selected and gives it focus."
-            },
-            {
-              "kind": "field",
-              "name": "VIVID_VERSION",
-              "static": true,
-              "default": "__PACKAGE_VERSION__",
-              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "componentName",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "description": "Core component name, without prefix",
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The disabled state of the listbox.",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "VividElement",
-            "module": "/src/shared/foundation/vivid-element/vivid-element"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Listbox",
-          "declaration": {
-            "name": "Listbox",
-            "module": "src/shared/foundation/listbox/listbox.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/shared/foundation/progress/base-progress.ts",

package/index.cjs

@@ -22,6 +22,7 @@ const calendar_definition = require('./calendar/definition.cjs');
 const card_definition = require('./card/definition.cjs');
 const checkbox_definition = require('./checkbox/definition.cjs');
 const colorPicker_definition = require('./color-picker/definition.cjs');
+const contextualHelp_definition = require('./contextual-help/definition.cjs');
 const combobox_definition = require('./combobox/definition.cjs');
 const dataGrid_definition = require('./data-grid/definition.cjs');
 const datePicker_definition = require('./date-picker/definition.cjs');
@@ -139,6 +140,9 @@ exports.registerCheckbox = checkbox_definition.registerCheckbox;
 exports.VwcColorPickerElement = colorPicker_definition.VwcColorPickerElement;
 exports.colorPickerDefinition = colorPicker_definition.colorPickerDefinition;
 exports.registerColorPicker = colorPicker_definition.registerColorPicker;
+exports.VwcContextualHelpElement = contextualHelp_definition.VwcContextualHelpElement;
+exports.contextualHelpDefinition = contextualHelp_definition.contextualHelpDefinition;
+exports.registerContextualHelp = contextualHelp_definition.registerContextualHelp;
 exports.VwcComboboxElement = combobox_definition.VwcComboboxElement;
 exports.comboboxDefinition = combobox_definition.comboboxDefinition;
 exports.registerCombobox = combobox_definition.registerCombobox;

package/index.js

@@ -18,6 +18,7 @@ export { VwcCalendarElement, calendarDefinition, registerCalendar } from './cale
 export { VwcCardElement, cardDefinition, registerCard } from './card/definition.js';
 export { VwcCheckboxElement, checkboxDefinition, registerCheckbox } from './checkbox/definition.js';
 export { VwcColorPickerElement, colorPickerDefinition, registerColorPicker } from './color-picker/definition.js';
+export { VwcContextualHelpElement, contextualHelpDefinition, registerContextualHelp } from './contextual-help/definition.js';
 export { VwcComboboxElement, comboboxDefinition, registerCombobox } from './combobox/definition.js';
 export { VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, registerDataGrid } from './data-grid/definition.js';
 export { VwcDatePickerElement, datePickerDefinition, registerDatePicker } from './date-picker/definition.js';

package/lib/components.d.ts

@@ -14,6 +14,7 @@ export * from './calendar/definition';
 export * from './card/definition';
 export * from './checkbox/definition';
 export * from './color-picker/definition';
+export * from './contextual-help/definition';
 export * from './combobox/definition';
 export * from './data-grid/definition';
 export * from './date-picker/definition';

package/lib/contextual-help/definition.d.ts

@@ -1 +1,3 @@
+import { ContextualHelp } from './contextual-help';
 export declare const registerContextualHelp: (prefix?: string) => void;
+export { ContextualHelp as VwcContextualHelpElement };

package/lib/rich-text-editor/locale.d.ts

@@ -27,7 +27,6 @@ export interface RichTextEditorLocale {
     close: string;
     edit: string;
     delete: string;
-    clickHere: string;
     imageSizes: {
         small: string;
         fit: string;

package/lib/tag-name-map.d.ts

@@ -1,4 +1,4 @@
-import type { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
+import type { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcSwitchElement, VwcTabElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
 type DefaultVividTagNameMap = {
     'vwc-accordion': VwcAccordionElement;
     'vwc-accordion-item': VwcAccordionItemElement;
@@ -16,6 +16,7 @@ type DefaultVividTagNameMap = {
     'vwc-card': VwcCardElement;
     'vwc-checkbox': VwcCheckboxElement;
     'vwc-color-picker': VwcColorPickerElement;
+    'vwc-contextual-help': VwcContextualHelpElement;
     'vwc-combobox': VwcComboboxElement;
     'vwc-data-grid-cell': VwcDataGridCellElement;
     'vwc-data-grid': VwcDataGridElement;

package/locales/de-DE.cjs

@@ -434,7 +434,6 @@ const deDE = {
     close: "Schließen",
     edit: "Bearbeiten",
     delete: "Löschen",
-    clickHere: "Hier klicken",
     imageSizes: {
       small: "Klein",
       fit: "Anpassen",

package/locales/de-DE.js

@@ -432,7 +432,6 @@ const deDE = {
     close: "Schließen",
     edit: "Bearbeiten",
     delete: "Löschen",
-    clickHere: "Hier klicken",
     imageSizes: {
       small: "Klein",
       fit: "Anpassen",

package/locales/en-GB.cjs

@@ -266,7 +266,6 @@ const enGB = {
     close: "Close",
     edit: "Edit",
     delete: "Delete",
-    clickHere: "Click here",
     imageSizes: {
       small: "Small",
       fit: "Fit",

package/locales/en-GB.js

@@ -264,7 +264,6 @@ const enGB = {
     close: "Close",
     edit: "Edit",
     delete: "Delete",
-    clickHere: "Click here",
     imageSizes: {
       small: "Small",
       fit: "Fit",

package/locales/en-US.cjs

@@ -434,7 +434,6 @@ const enUS = {
     close: "Close",
     edit: "Edit",
     delete: "Delete",
-    clickHere: "Click here",
     imageSizes: {
       small: "Small",
       fit: "Fit",

package/locales/en-US.js

@@ -432,7 +432,6 @@ const enUS = {
     close: "Close",
     edit: "Edit",
     delete: "Delete",
-    clickHere: "Click here",
     imageSizes: {
       small: "Small",
       fit: "Fit",

package/locales/ja-JP.cjs

@@ -433,7 +433,6 @@ const jaJP = {
     close: "閉じる",
     edit: "編集",
     delete: "削除",
-    clickHere: "ここをクリック",
     imageSizes: {
       small: "小",
       fit: "フィット",

package/locales/ja-JP.js

@@ -431,7 +431,6 @@ const jaJP = {
     close: "閉じる",
     edit: "編集",
     delete: "削除",
-    clickHere: "ここをクリック",
     imageSizes: {
       small: "小",
       fit: "フィット",

package/locales/zh-CN.cjs

@@ -435,7 +435,6 @@ const zhCN = {
     close: "关闭",
     edit: "编辑",
     delete: "删除",
-    clickHere: "点击这里",
     imageSizes: {
       small: "小",
       fit: "适应",

package/locales/zh-CN.js

@@ -433,7 +433,6 @@ const zhCN = {
     close: "关闭",
     edit: "编辑",
     delete: "删除",
-    clickHere: "点击这里",
     imageSizes: {
       small: "小",
       fit: "适应",