@vonage/vivid 3.6.0 → 3.8.0

package/custom-elements.json

@@ -10,6 +10,12 @@
           "kind": "class",
           "description": "Base class for accordion",
           "name": "Accordion",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -90,6 +96,12 @@
           "kind": "class",
           "description": "",
           "name": "AccordionItem",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -118,6 +130,15 @@
               },
               "privacy": "public",
               "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "AccordionItemSize | undefined"
+              },
+              "description": "The size the accordion-item should have.",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -143,6 +164,14 @@
                 "text": "string | undefined"
               },
               "fieldName": "meta"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "AccordionItemSize | undefined"
+              },
+              "description": "The size the accordion-item should have.",
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -197,6 +226,12 @@
           "kind": "class",
           "description": "Base class for action-group",
           "name": "ActionGroup",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -351,6 +386,12 @@
           "kind": "class",
           "description": "",
           "name": "Avatar",
+          "slots": [
+            {
+              "description": "Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).",
+              "name": "graphic"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -702,6 +743,12 @@
           "kind": "class",
           "description": "Base class for banner",
           "name": "Banner",
+          "slots": [
+            {
+              "description": "Add action items to banner using this slot.",
+              "name": "action-items"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -889,6 +936,12 @@
           "kind": "class",
           "description": "Base class for breadcrumb",
           "name": "Breadcrumb",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
@@ -1222,6 +1275,40 @@
           "kind": "class",
           "description": "Base class for calendar",
           "name": "Calendar",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-0"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-1"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-2"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-3"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-4"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-5"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-6"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -1624,6 +1711,28 @@
           "kind": "class",
           "description": "Base class for card",
           "name": "Card",
+          "slots": [
+            {
+              "description": "The graphic slot overrides the icon property.",
+              "name": "graphic"
+            },
+            {
+              "description": "The media slot is mainly for images or video content above the card header.",
+              "name": "media"
+            },
+            {
+              "description": "The meta slot is for action content in the card header.",
+              "name": "meta"
+            },
+            {
+              "description": "The footer slot is for content in the card footer.",
+              "name": "footer"
+            },
+            {
+              "description": "Assign nodes to main slot to fully override a card's predefined flow and style with your own.",
+              "name": "main"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -1868,6 +1977,12 @@
           "kind": "class",
           "description": "Base class for combobox",
           "name": "Combobox",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2160,6 +2275,12 @@
           "kind": "class",
           "description": "Base class for data-grid",
           "name": "DataGrid",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2325,6 +2446,24 @@
           "kind": "class",
           "description": "Base class for dialog",
           "name": "Dialog",
+          "slots": [
+            {
+              "description": "Use the graphic slot in order to replace the icon.",
+              "name": "graphic"
+            },
+            {
+              "description": "Use the body slot in order to add custom HTML to the dialog.",
+              "name": "body"
+            },
+            {
+              "description": "Use the footer slot in order to add action buttons to the bottom of the dialog.",
+              "name": "footer"
+            },
+            {
+              "description": "Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own.",
+              "name": "main"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2665,6 +2804,12 @@
           "kind": "class",
           "description": "Base class for elevation",
           "name": "Elevation",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2969,6 +3114,20 @@
           "kind": "class",
           "description": "Base class for header",
           "name": "Header",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            },
+            {
+              "description": "Nodes assigned to action-items slot will be set at the end of the header.",
+              "name": "action-items"
+            },
+            {
+              "description": "Content vertically aligned with header.",
+              "name": "app-content"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3103,6 +3262,12 @@
           "kind": "class",
           "description": "",
           "name": "Icon",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3260,6 +3425,12 @@
           "cssProperties": [
             {}
           ],
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3405,6 +3576,12 @@
           "kind": "class",
           "description": "Base class for listbox",
           "name": "Listbox",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3499,6 +3676,12 @@
           "kind": "class",
           "description": "Base class for menu",
           "name": "Menu",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3752,6 +3935,12 @@
           "kind": "class",
           "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
           "name": "Nav",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
@@ -3817,6 +4006,12 @@
           "kind": "class",
           "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
           "name": "NavDisclosure",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4034,6 +4229,12 @@
           "kind": "class",
           "description": "Base class for note",
           "name": "Note",
+          "slots": [
+            {
+              "description": "Any slotted content will appear below the headline.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4403,6 +4604,12 @@
           "kind": "class",
           "description": "Base class for popup",
           "name": "Popup",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5072,6 +5279,12 @@
           "kind": "class",
           "description": "Base class for radio-group",
           "name": "RadioGroup",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5174,6 +5387,12 @@
           "kind": "class",
           "description": "Base class for select",
           "name": "Select",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5293,6 +5512,16 @@
           "kind": "class",
           "description": "Base class for side-drawer",
           "name": "SideDrawer",
+          "slots": [
+            {
+              "description": "Sets assigned nodes to the side drawer itself.",
+              "name": ""
+            },
+            {
+              "description": "Sets assigned nodes to the main application content, the side drawer is opened next to.",
+              "name": "app-content"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5764,6 +5993,12 @@
           "kind": "class",
           "description": "Base class for tab-panel",
           "name": "TabPanel",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FoundationTabPanel",
             "package": "@microsoft/fast-foundation"
@@ -5837,6 +6072,12 @@
           "kind": "class",
           "description": "Base class for tabs",
           "name": "Tabs",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5926,6 +6167,338 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tag/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tagDefinition",
+          "description": "Represents a tag custom element.\ntag is a label that holds small amounts of information.\nA tag can be used to display unread notifications, or to label a block of text."
+        },
+        {
+          "kind": "variable",
+          "name": "registerTag",
+          "description": "Registers the tag elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TagConnotation",
+          "declaration": {
+            "name": "TagConnotation",
+            "module": "./tag"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TagAppearance",
+          "declaration": {
+            "name": "TagAppearance",
+            "module": "./tag"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TagShape",
+          "declaration": {
+            "name": "TagShape",
+            "module": "./tag"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tagDefinition",
+          "declaration": {
+            "name": "tagDefinition",
+            "module": "libs/components/src/lib/tag/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerTag",
+          "declaration": {
+            "name": "registerTag",
+            "module": "libs/components/src/lib/tag/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tag/tag.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for tag.",
+          "name": "Tag",
+          "members": [
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "TagConnotation | undefined"
+              },
+              "description": "The connotation the tag should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "TagShape | undefined"
+              },
+              "description": "The shape the tag should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "TagAppearance | undefined"
+              },
+              "description": "The appearance the tag should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the tag's label.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is removable",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is disabled",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is selectable",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is selected",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "remove",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#select",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeydown",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "connotation",
+              "type": {
+                "text": "TagConnotation | undefined"
+              },
+              "description": "The connotation the tag should have.",
+              "fieldName": "connotation"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "TagShape | undefined"
+              },
+              "description": "The shape the tag should have.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "TagAppearance | undefined"
+              },
+              "description": "The appearance the tag should have.",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the tag's label.",
+              "fieldName": "label"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is removable",
+              "fieldName": "removable"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is selectable",
+              "fieldName": "selectable"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the tag is selected",
+              "fieldName": "selected"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Tag",
+          "declaration": {
+            "name": "Tag",
+            "module": "libs/components/src/lib/tag/tag.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tag-group/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tagGroupDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerTagGroup",
+          "description": "Registers the tag-group element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tagGroupDefinition",
+          "declaration": {
+            "name": "tagGroupDefinition",
+            "module": "libs/components/src/lib/tag-group/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerTagGroup",
+          "declaration": {
+            "name": "registerTagGroup",
+            "module": "libs/components/src/lib/tag-group/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tag-group/tag-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for tag-group",
+          "name": "TagGroup",
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TagGroup",
+          "declaration": {
+            "name": "TagGroup",
+            "module": "libs/components/src/lib/tag-group/tag-group.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/text-anchor/definition.ts",
@@ -6738,6 +7311,12 @@
           "kind": "class",
           "description": "Base class for tree-item",
           "name": "TreeItem",
+          "slots": [
+            {
+              "description": "To specify a child tree item.",
+              "name": "item"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6823,6 +7402,12 @@
           "kind": "class",
           "description": "Base class for Tree View",
           "name": "TreeView",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FastTreeView",
             "package": "@microsoft/fast-foundation"