@vonage/vivid 4.14.1 → 4.14.3

package/custom-elements.json

@@ -227,6 +227,14 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/accordion/definition.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "AccordionExpandMode",
+          "type": {
+            "text": "{\n\tsingle: 'single',\n\tmulti: 'multi',\n}"
+          },
+          "default": "{\n\tsingle: 'single',\n\tmulti: 'multi',\n}"
+        },
         {
           "kind": "variable",
           "name": "registerAccordion",
@@ -245,7 +253,7 @@
           "name": "AccordionExpandMode",
           "declaration": {
             "name": "AccordionExpandMode",
-            "package": "@microsoft/fast-foundation"
+            "module": "libs/components/src/lib/accordion/definition.ts"
           }
         },
         {
@@ -4653,6 +4661,24 @@
               "description": "The appearance attribute.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "ComboboxShape | undefined"
+              },
+              "description": "The shape attribute.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "scale",
+              "type": {
+                "text": "ComboboxSize | undefined"
+              },
+              "description": "The size the combobox should have.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -4903,6 +4929,22 @@
               "description": "The appearance attribute.",
               "fieldName": "appearance"
             },
+            {
+              "name": "shape",
+              "type": {
+                "text": "ComboboxShape | undefined"
+              },
+              "description": "The shape attribute.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "ComboboxSize | undefined"
+              },
+              "description": "The size the combobox should have.",
+              "fieldName": "scale"
+            },
             {
               "name": "placement",
               "type": {
@@ -5833,6 +5875,10 @@
               "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#setTabIndex"
+            },
             {
               "kind": "field",
               "name": "generateHeader",
@@ -8029,6 +8075,16 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/divider/divider.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "DividerRole",
+          "type": {
+            "text": "{\n\t/**\n\t * The divider semantically separates content\n\t */\n\tseparator: 'separator',\n\n\t/**\n\t * The divider has no semantic value and is for visual presentation only.\n\t */\n\tpresentation: 'presentation',\n}"
+          },
+          "default": "{\n\t/**\n\t * The divider semantically separates content\n\t */\n\tseparator: 'separator',\n\n\t/**\n\t * The divider has no semantic value and is for visual presentation only.\n\t */\n\tpresentation: 'presentation',\n}",
+          "description": "Divider roles",
+          "privacy": "public"
+        },
         {
           "kind": "class",
           "description": "",
@@ -8082,6 +8138,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "DividerRole",
+          "declaration": {
+            "name": "DividerRole",
+            "module": "libs/components/src/lib/divider/divider.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Divider",
@@ -9354,6 +9418,16 @@
               "default": "'vwc-button'",
               "description": "Used internally to hold the tag that button is registered at."
             },
+            {
+              "kind": "field",
+              "name": "iconTag",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'vwc-icon'",
+              "description": "Used internally to hold the tag that icon is registered at."
+            },
             {
               "kind": "field",
               "name": "#localizeErrorMessage",
@@ -9368,10 +9442,6 @@
               "kind": "method",
               "name": "#addRemoveButtonToFilesPreview"
             },
-            {
-              "kind": "method",
-              "name": "#setRemoveButtonConnotationOnError"
-            },
             {
               "kind": "method",
               "name": "#chooseFile",
@@ -10075,180 +10145,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/listbox/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "registerListbox",
-          "description": "Registers the listbox elements with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LisboxAppearance",
-          "declaration": {
-            "name": "LisboxAppearance",
-            "module": "./listbox"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerListbox",
-          "declaration": {
-            "name": "registerListbox",
-            "module": "libs/components/src/lib/listbox/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/listbox/listbox.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Listbox",
-          "cssProperties": [
-            {
-              "name": "--vvd-listbox-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
-            },
-            {
-              "name": "--vvd-listbox-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-listbox-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "LisboxAppearance | undefined"
-              },
-              "description": "The appearance the listbox should have.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "'horizontal' | 'vertical' | undefined"
-              },
-              "description": "The direction the listbox options should flow.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "orientationChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "ListboxShape | undefined"
-              },
-              "description": "The shape the listbox should have.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "slottedOptionsChanged",
-              "parameters": [
-                {
-                  "name": "prev",
-                  "type": {
-                    "text": "Element[] | undefined"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "Element[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#disableSlottedChildren",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
-              "type": {
-                "text": "LisboxAppearance | undefined"
-              },
-              "description": "The appearance the listbox should have.",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "orientation",
-              "type": {
-                "text": "'horizontal' | 'vertical' | undefined"
-              },
-              "description": "The direction the listbox options should flow.",
-              "fieldName": "orientation"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "ListboxShape | undefined"
-              },
-              "description": "The shape the listbox should have.",
-              "fieldName": "shape"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationListboxElement",
-            "package": "@microsoft/fast-foundation"
-          },
-          "vividComponent": {
-            "name": "listbox"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Listbox",
-          "declaration": {
-            "name": "Listbox",
-            "module": "libs/components/src/lib/listbox/listbox.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/menu/definition.ts",
@@ -10687,34 +10583,50 @@
       "exports": [
         {
           "kind": "js",
-          "name": "MenuItemRole",
+          "name": "registerMenuItem",
           "declaration": {
-            "name": "MenuItemRole",
-            "module": "./menu-item"
+            "name": "registerMenuItem",
+            "module": "libs/components/src/lib/menu-item/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "registerMenuItem",
+          "name": "MenuItemRole",
           "declaration": {
-            "name": "registerMenuItem",
-            "module": "libs/components/src/lib/menu-item/definition.ts"
+            "name": "MenuItemRole",
+            "module": "./menu-item-role"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/menu-item/menu-item.ts",
+      "path": "libs/components/src/lib/menu-item/menu-item-role.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "MenuItemRole",
           "type": {
-            "text": "{\n\t...FastMenuItemRole,\n\tpresentation: 'presentation',\n}"
+            "text": "{\n\tmenuitem: 'menuitem',\n\tmenuitemcheckbox: 'menuitemcheckbox',\n\tmenuitemradio: 'menuitemradio',\n\tpresentation: 'presentation',\n}"
           },
-          "default": "{\n\t...FastMenuItemRole,\n\tpresentation: 'presentation',\n}"
-        },
+          "default": "{\n\tmenuitem: 'menuitem',\n\tmenuitemcheckbox: 'menuitemcheckbox',\n\tmenuitemradio: 'menuitemradio',\n\tpresentation: 'presentation',\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MenuItemRole",
+          "declaration": {
+            "name": "MenuItemRole",
+            "module": "libs/components/src/lib/menu-item/menu-item-role.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/menu-item/menu-item.ts",
+      "declarations": [
         {
           "kind": "class",
           "description": "",
@@ -11044,14 +10956,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "MenuItemRole",
-          "declaration": {
-            "name": "MenuItemRole",
-            "module": "libs/components/src/lib/menu-item/menu-item.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "MenuItem",
@@ -14933,8 +14837,8 @@
             }
           ],
           "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
           }
         }
       ],
@@ -15703,7 +15607,7 @@
           "mixins": [
             {
               "name": "FormAssociated",
-              "package": "@microsoft/fast-foundation"
+              "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
             }
           ],
           "superclass": {
@@ -17909,6 +17813,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -17977,6 +17889,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "label",
               "type": {
@@ -18420,6 +18340,14 @@
           },
           "default": "'--_tabs-tablist-column'"
         },
+        {
+          "kind": "variable",
+          "name": "TabsOrientation",
+          "type": {
+            "text": "{\n\tvertical: 'vertical',\n\thorizontal: 'horizontal',\n}"
+          },
+          "default": "{\n\tvertical: 'vertical',\n\thorizontal: 'horizontal',\n}"
+        },
         {
           "kind": "class",
           "description": "",
@@ -18874,6 +18802,14 @@
             "module": "libs/components/src/lib/tabs/tabs.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "TabsOrientation",
+          "declaration": {
+            "name": "TabsOrientation",
+            "module": "libs/components/src/lib/tabs/tabs.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Tabs",
@@ -21704,7 +21640,7 @@
           ],
           "superclass": {
             "name": "VividElement",
-            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element.js"
           },
           "vividComponent": {
             "public": true,
@@ -22126,6 +22062,226 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "HoursColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'hours',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.hoursLabel,\n\tgetOptions: (x: InlineTimePicker) =>\n\t\tgetHoursOptions(\n\t\t\tx.min,\n\t\t\tx.max,\n\t\t\tx.clock === '12h'\n\t\t\t\t? MeridiesColumn.getSelectedOptionValue(x) ??\n\t\t\t\t\t\tMeridiesColumn.getOptions(x)[0].value\n\t\t\t\t: undefined\n\t\t),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).hourStr : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { minuteStr, secondStr } = parseTimeStr(x.value);\n\t\t\treturn `${optionValue}:${minuteStr}:${secondStr}`;\n\t\t} else {\n\t\t\treturn `${optionValue}:00:00`;\n\t\t}\n\t},\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "MinutesColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'minutes',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.minutesLabel,\n\tgetOptions: (x: InlineTimePicker) =>\n\t\tgetMinutesOptions(x.minutesStep, x.value, x.min, x.max),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).minuteStr : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { hourStr, secondStr } = parseTimeStr(x.value);\n\t\t\treturn `${hourStr}:${optionValue}:${secondStr}`;\n\t\t} else {\n\t\t\treturn `00:${optionValue}:00`;\n\t\t}\n\t},\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "SecondsColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'seconds',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.secondsLabel,\n\tgetOptions: (x: InlineTimePicker) =>\n\t\tgetSecondsOptions(x.secondsStep!, x.value, x.min, x.max),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).secondStr : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { hourStr, minuteStr } = parseTimeStr(x.value);\n\t\t\treturn `${hourStr}:${minuteStr}:${optionValue}`;\n\t\t} else {\n\t\t\treturn `00:00:${optionValue}`;\n\t\t}\n\t},\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "MeridiesColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'meridies',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.meridiesLabel,\n\tgetOptions: (x: InlineTimePicker) => getMeridiesOptions(x.min, x.max),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).meridiem : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { hours, minuteStr, secondStr } = parseTimeStr(x.value);\n\t\t\tlet adjustedHours = hours;\n\t\t\tif (optionValue === 'AM' && hours >= 12) {\n\t\t\t\tadjustedHours -= 12;\n\t\t\t} else if (optionValue === 'PM' && hours < 12) {\n\t\t\t\tadjustedHours += 12;\n\t\t\t}\n\t\t\treturn `${formatTimePart(adjustedHours)}:${minuteStr}:${secondStr}`;\n\t\t} else {\n\t\t\tif (optionValue === 'AM') {\n\t\t\t\treturn '00:00:00';\n\t\t\t} else {\n\t\t\t\treturn '12:00:00';\n\t\t\t}\n\t\t}\n\t},\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HoursColumn",
+          "declaration": {
+            "name": "HoursColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MinutesColumn",
+          "declaration": {
+            "name": "MinutesColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SecondsColumn",
+          "declaration": {
+            "name": "SecondsColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MeridiesColumn",
+          "declaration": {
+            "name": "MeridiesColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/inline-time-picker/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerInlineTimePicker",
+          "description": "Registers the inline-time-picker element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerInlineTimePicker",
+          "declaration": {
+            "name": "registerInlineTimePicker",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/inline-time-picker/inline-time-picker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "InlineTimePicker",
+          "cssProperties": [
+            {
+              "name": "--vvd-time-picker-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "valueChanged",
+              "parameters": [
+                {
+                  "name": "_",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "minutesStep",
+              "type": {
+                "text": "number"
+              },
+              "default": "1"
+            },
+            {
+              "kind": "field",
+              "name": "secondsStep",
+              "type": {
+                "text": "number | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "clock",
+              "type": {
+                "text": "'12h' | '24h'"
+              },
+              "default": "'24h'"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "scrollSelectedOptionsToTop"
+            }
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "InlineTimePicker",
+          "declaration": {
+            "name": "InlineTimePicker",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/inline-time-picker.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/time-picker/time/picker.ts",
@@ -23817,6 +23973,42 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/foundation/utilities/direction.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getDirection",
+          "return": {
+            "type": {
+              "text": "Direction"
+            }
+          },
+          "parameters": [
+            {
+              "name": "rootNode",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "the HTMLElement to begin the query from, usually \"this\" when used in a component controller"
+            }
+          ],
+          "description": "a method to determine the current localization direction of the view",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getDirection",
+          "declaration": {
+            "name": "getDirection",
+            "module": "libs/components/src/shared/foundation/utilities/direction.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts",