igniteui-webcomponents 4.0.0 → 4.1.0

package/custom-elements.json

@@ -8,6 +8,7 @@
       "attributes": [
         {
           "name": "single-expand",
+          "description": "Allows only one panel to be expanded at a time.",
           "type": "boolean",
           "default": "false"
         }
@@ -26,6 +27,7 @@
         {
           "name": "singleExpand",
           "attribute": "single-expand",
+          "description": "Allows only one panel to be expanded at a time.",
           "type": "boolean",
           "default": "false"
         },
@@ -1773,6 +1775,541 @@
         }
       ]
     },
+    {
+      "name": "igc-combo-header",
+      "path": "./src/components/combo/combo-header.ts",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "string",
+          "default": "\"igc-combo-header\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "igc-combo-item",
+      "path": "./src/components/combo/combo-item.ts",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Determines whether the item is selected.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "active",
+          "description": "Determines whether the item is active.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "string",
+          "default": "\"igc-combo-item\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
+        {
+          "name": "index",
+          "type": "number"
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "Determines whether the item is selected.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "active",
+          "attribute": "active",
+          "description": "Determines whether the item is active.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ]
+    },
+    {
+      "name": "igc-combo-list",
+      "path": "./src/components/combo/combo-list.ts",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-combo-list\"",
+          "default": "\"igc-combo-list\""
+        },
+        {
+          "name": "renderItem",
+          "type": "RenderItemFunction"
+        },
+        {
+          "name": "items",
+          "type": "unknown[]"
+        },
+        {
+          "name": "scroller",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "keyFunction",
+          "type": "((item: unknown) => unknown) | undefined"
+        },
+        {
+          "name": "layout",
+          "type": "Layout | LayoutConstructor | LayoutSpecifier | null"
+        }
+      ]
+    },
+    {
+      "name": "igc-combo",
+      "path": "./src/components/combo/combo.ts",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The name attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "description": "The required attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid",
+          "description": "The invalid attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "outlined",
+          "description": "The outlined attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "autofocus",
+          "description": "The autofocus attribute of the control.",
+          "type": "boolean"
+        },
+        {
+          "name": "autofocus-list",
+          "description": "Focuses the list of options when the menu opens.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label",
+          "description": "The label attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "placeholder-search",
+          "description": "The placeholder attribute of the search input.",
+          "type": "string",
+          "default": "\"Search\""
+        },
+        {
+          "name": "dir",
+          "description": "The direction attribute of the control.",
+          "type": "\"ltr\" | \"rtl\" | \"auto\"",
+          "default": "\"auto\""
+        },
+        {
+          "name": "open",
+          "description": "Sets the open state of the component.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "flip",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value-key",
+          "description": "The key in the data source used when selecting items.",
+          "type": "keyof T | undefined"
+        },
+        {
+          "name": "display-key",
+          "description": "The key in the data source used to display items in the list.",
+          "type": "keyof T | undefined",
+          "default": "\"valueKey\""
+        },
+        {
+          "name": "group-key",
+          "description": "The key in the data source used to group items in the list.",
+          "type": "keyof T | undefined",
+          "default": "\"displayKey\""
+        },
+        {
+          "name": "group-sorting",
+          "description": "Sorts the items in each group by ascending or descending order.",
+          "type": "\"asc\" | \"desc\"",
+          "default": "\"asc\""
+        },
+        {
+          "name": "filtering-options",
+          "description": "An object that configures the filtering of the combo.",
+          "type": "FilteringOptions<T>",
+          "default": "{\"filterKey\":\"displayKey\",\"caseSensitive\":false}"
+        },
+        {
+          "name": "case-sensitive-icon",
+          "description": "Enables the case sensitive search icon in the filtering input.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disable-filtering",
+          "description": "Disables the filtering of the list of options.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-combo\"",
+          "default": "\"igc-combo\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult",
+          "default": "\"styles\""
+        },
+        {
+          "name": "data",
+          "description": "The data source used to generate the list of options.",
+          "type": "T[]",
+          "default": "[]"
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "The name attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "The disabled attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "The required attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "The invalid attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "outlined",
+          "attribute": "outlined",
+          "description": "The outlined attribute of the control.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "autofocus",
+          "attribute": "autofocus",
+          "description": "The autofocus attribute of the control.",
+          "type": "boolean"
+        },
+        {
+          "name": "autofocusList",
+          "attribute": "autofocus-list",
+          "description": "Focuses the list of options when the menu opens.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "The label attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "The placeholder attribute of the control.",
+          "type": "string"
+        },
+        {
+          "name": "placeholderSearch",
+          "attribute": "placeholder-search",
+          "description": "The placeholder attribute of the search input.",
+          "type": "string",
+          "default": "\"Search\""
+        },
+        {
+          "name": "dir",
+          "attribute": "dir",
+          "description": "The direction attribute of the control.",
+          "type": "\"ltr\" | \"rtl\" | \"auto\"",
+          "default": "\"auto\""
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "Sets the open state of the component.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "flip",
+          "attribute": "flip",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "valueKey",
+          "attribute": "value-key",
+          "description": "The key in the data source used when selecting items.",
+          "type": "keyof T | undefined"
+        },
+        {
+          "name": "displayKey",
+          "attribute": "display-key",
+          "description": "The key in the data source used to display items in the list.",
+          "type": "keyof T | undefined",
+          "default": "\"valueKey\""
+        },
+        {
+          "name": "groupKey",
+          "attribute": "group-key",
+          "description": "The key in the data source used to group items in the list.",
+          "type": "keyof T | undefined",
+          "default": "\"displayKey\""
+        },
+        {
+          "name": "groupSorting",
+          "attribute": "group-sorting",
+          "description": "Sorts the items in each group by ascending or descending order.",
+          "type": "\"asc\" | \"desc\"",
+          "default": "\"asc\""
+        },
+        {
+          "name": "filteringOptions",
+          "attribute": "filtering-options",
+          "description": "An object that configures the filtering of the combo.",
+          "type": "FilteringOptions<T>",
+          "default": "{\"filterKey\":\"displayKey\",\"caseSensitive\":false}"
+        },
+        {
+          "name": "caseSensitiveIcon",
+          "attribute": "case-sensitive-icon",
+          "description": "Enables the case sensitive search icon in the filtering input.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disableFiltering",
+          "attribute": "disable-filtering",
+          "description": "Disables the filtering of the list of options.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "itemTemplate",
+          "description": "The template used for the content of each combo item.",
+          "type": "ComboItemTemplate<T>",
+          "default": "\"({ item }) => {\\n    if (typeof item !== 'object' || item === null) {\\n      return String(item) as any;\\n    }\\n\\n    if (this.displayKey) {\\n      return html`${item[this.displayKey]}`;\\n    }\\n\\n    return html`${String(item)}`;\\n  }\""
+        },
+        {
+          "name": "groupHeaderTemplate",
+          "description": "The template used for the content of each combo group header.",
+          "type": "ComboItemTemplate<T>",
+          "default": "\"({ item }) => {\\n    return html`${this.groupKey && item[this.groupKey]}`;\\n  }\""
+        },
+        {
+          "name": "value",
+          "description": "Returns the current selection as a list of commma separated values,\nrepresented by the display key, when provided.",
+          "type": "string"
+        }
+      ],
+      "events": [
+        {
+          "name": "igcFocus",
+          "description": "Emitted when the select gains focus."
+        },
+        {
+          "name": "igcBlur",
+          "description": "Emitted when the select loses focus."
+        },
+        {
+          "name": "igcChange",
+          "description": "Emitted when the control's selection has changed."
+        },
+        {
+          "name": "igcOpening",
+          "description": "Emitted just before the list of options is opened."
+        },
+        {
+          "name": "igcOpened",
+          "description": "Emitted after the list of options is opened."
+        },
+        {
+          "name": "igcClosing",
+          "description": "Emitter just before the list of options is closed."
+        },
+        {
+          "name": "igcClosed",
+          "description": "Emitted after the list of options is closed."
+        }
+      ],
+      "slots": [
+        {
+          "name": "prefix",
+          "description": "Renders content before the input."
+        },
+        {
+          "name": "suffix",
+          "description": "Renders content after input."
+        },
+        {
+          "name": "header",
+          "description": "Renders a container before the list of options."
+        },
+        {
+          "name": "footer",
+          "description": "Renders a container after the list of options."
+        },
+        {
+          "name": "helper-text",
+          "description": "Renders content below the input."
+        },
+        {
+          "name": "toggle-icon",
+          "description": "Renders content inside the suffix container."
+        },
+        {
+          "name": "clear-icon",
+          "description": "Renders content inside the suffix container."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "label",
+          "description": "The encapsulated text label."
+        },
+        {
+          "name": "input",
+          "description": "The main input field."
+        },
+        {
+          "name": "native-input",
+          "description": "The native input of the main input field."
+        },
+        {
+          "name": "prefix",
+          "description": "The prefix wrapper."
+        },
+        {
+          "name": "suffix",
+          "description": "The suffix wrapper."
+        },
+        {
+          "name": "toggle-icon",
+          "description": "The toggle icon wrapper."
+        },
+        {
+          "name": "clear-icon",
+          "description": "The clear icon wrapper."
+        },
+        {
+          "name": "case-icon",
+          "description": "The case icon wrapper."
+        },
+        {
+          "name": "helper-text",
+          "description": "The helper text wrapper."
+        },
+        {
+          "name": "search-input",
+          "description": "The search input field."
+        },
+        {
+          "name": "list-wrapper",
+          "description": "The list of options wrapper."
+        },
+        {
+          "name": "list",
+          "description": "The list of options box."
+        },
+        {
+          "name": "item",
+          "description": "Represents each item in the list of options."
+        },
+        {
+          "name": "group-header",
+          "description": "Represents each header in the list of options."
+        },
+        {
+          "name": "active",
+          "description": "Appended to the item parts list when the item is active."
+        },
+        {
+          "name": "selected",
+          "description": "Appended to the item parts list when the item is selected."
+        },
+        {
+          "name": "checkbox",
+          "description": "Represents each checkbox of each list item."
+        },
+        {
+          "name": "checkbox-indicator",
+          "description": "Represents the checkbox indicator of each list item."
+        },
+        {
+          "name": "checked",
+          "description": "Appended to checkbox parts list when checkbox is checked."
+        },
+        {
+          "name": "header",
+          "description": "The container holding the header content."
+        },
+        {
+          "name": "footer",
+          "description": "The container holding the footer content."
+        },
+        {
+          "name": "empty",
+          "description": "The container holding the empty content."
+        }
+      ]
+    },
     {
       "name": "igc-date-time-input",
       "path": "./src/components/date-time-input/date-time-input.ts",
@@ -1839,6 +2376,7 @@
         },
         {
           "name": "outlined",
+          "description": "Whether the control will have outlined appearance.",
           "type": "boolean",
           "default": "false"
         },
@@ -1966,6 +2504,7 @@
         {
           "name": "outlined",
           "attribute": "outlined",
+          "description": "Whether the control will have outlined appearance.",
           "type": "boolean",
           "default": "false"
         },
@@ -2839,7 +3378,7 @@
         },
         {
           "name": "value",
-          "description": "The value attribute of the control.",
+          "description": "The value of the control.",
           "type": "string",
           "default": "\"\""
         },
@@ -2856,6 +3395,7 @@
         },
         {
           "name": "outlined",
+          "description": "Whether the control will have outlined appearance.",
           "type": "boolean",
           "default": "false"
         },
@@ -2982,7 +3522,7 @@
         {
           "name": "value",
           "attribute": "value",
-          "description": "The value attribute of the control.",
+          "description": "The value of the control.",
           "type": "string",
           "default": "\"\""
         },
@@ -3002,6 +3542,7 @@
         {
           "name": "outlined",
           "attribute": "outlined",
+          "description": "Whether the control will have outlined appearance.",
           "type": "boolean",
           "default": "false"
         },
@@ -3276,6 +3817,7 @@
         },
         {
           "name": "outlined",
+          "description": "Whether the control will have outlined appearance.",
           "type": "boolean",
           "default": "false"
         },
@@ -3373,6 +3915,7 @@
         {
           "name": "outlined",
           "attribute": "outlined",
+          "description": "Whether the control will have outlined appearance.",
           "type": "boolean",
           "default": "false"
         },
@@ -4079,6 +4622,7 @@
       "attributes": [
         {
           "name": "alignment",
+          "description": "Alignment of the radio controls inside this group.",
           "type": "\"vertical\" | \"horizontal\"",
           "default": "\"vertical\""
         }
@@ -4097,6 +4641,7 @@
         {
           "name": "alignment",
           "attribute": "alignment",
+          "description": "Alignment of the radio controls inside this group.",
           "type": "\"vertical\" | \"horizontal\"",
           "default": "\"vertical\""
         }
@@ -4529,6 +5074,7 @@
       "attributes": [
         {
           "name": "disabled",
+          "description": "Whether the group item and all its children are disabled.",
           "type": "boolean",
           "default": "false"
         }
@@ -4537,6 +5083,7 @@
         {
           "name": "disabled",
           "attribute": "disabled",
+          "description": "Whether the group item and all its children are disabled.",
           "type": "boolean",
           "default": "false"
         },
@@ -5730,6 +6277,317 @@
         }
       ]
     },
+    {
+      "name": "igc-step",
+      "path": "./src/components/stepper/step.ts",
+      "description": "The step component is used within the `igc-stepper` element and it holds the content of each step.\nIt also supports custom indicators, title and subtitle.",
+      "attributes": [
+        {
+          "name": "invalid",
+          "description": "Gets/sets whether the step is invalid.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "active",
+          "description": "Gets/sets whether the step is activе.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "optional",
+          "description": "Gets/sets whether the step is optional.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "Gets/sets whether the step is interactable.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "complete",
+          "description": "Gets/sets whether the step is completed.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "header",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "contentBody",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Gets/sets whether the step is invalid.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "active",
+          "attribute": "active",
+          "description": "Gets/sets whether the step is activе.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "optional",
+          "attribute": "optional",
+          "description": "Gets/sets whether the step is optional.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Gets/sets whether the step is interactable.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "complete",
+          "attribute": "complete",
+          "description": "Gets/sets whether the step is completed.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "isAccessible",
+          "type": "boolean"
+        }
+      ],
+      "events": [
+        {
+          "name": "stepActiveChanged"
+        },
+        {
+          "name": "stepDisabledInvalidChanged"
+        },
+        {
+          "name": "stepCompleteChanged"
+        },
+        {
+          "name": "stepHeaderKeydown"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Renders the content of the step."
+        },
+        {
+          "name": "indicator",
+          "description": "Renders the indicator of the step. By default, it displays the step index + 1."
+        },
+        {
+          "name": "title",
+          "description": "Renders the title of the step."
+        },
+        {
+          "name": "subtitle",
+          "description": "Renders the subtitle of the step."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "header-container",
+          "description": "Wrapper of the step's `header` and its separators."
+        },
+        {
+          "name": "disabled",
+          "description": "Indicates a disabled state. Applies to `header-container`."
+        },
+        {
+          "name": "complete-start",
+          "description": "Indicates a complete state of the current step. Applies to `header-container`."
+        },
+        {
+          "name": "complete-end",
+          "description": "Indicates a complete state of the previous step. Applies to `header-container`."
+        },
+        {
+          "name": "optional",
+          "description": "Indicates an optional state. Applies to `header-container`."
+        },
+        {
+          "name": "invalid",
+          "description": "Indicates an invalid state. Applies to `header-container`."
+        },
+        {
+          "name": "top",
+          "description": "Indicates that the title should be above the indicator. Applies to `header-container`."
+        },
+        {
+          "name": "bottom",
+          "description": "Indicates that the title should be below the indicator. Applies to `header-container`."
+        },
+        {
+          "name": "start",
+          "description": "Indicates that the title should be before the indicator. Applies to `header-container`."
+        },
+        {
+          "name": "end",
+          "description": "Indicates that the title should be after the indicator. Applies to `header-container`."
+        },
+        {
+          "name": "header",
+          "description": "Wrapper of the step's `indicator` and `text`."
+        },
+        {
+          "name": "indicator",
+          "description": "The indicator of the step."
+        },
+        {
+          "name": "text",
+          "description": "Wrapper of the step's `title` and `subtitle`."
+        },
+        {
+          "name": "empty",
+          "description": "Indicates that no title and subtitle has been provided to the step. Applies to `text`."
+        },
+        {
+          "name": "title",
+          "description": "The title of the step."
+        },
+        {
+          "name": "subtitle",
+          "description": "The subtitle of the step."
+        },
+        {
+          "name": "body",
+          "description": "Wrapper of the step's `content`."
+        },
+        {
+          "name": "content",
+          "description": "The steps `content`."
+        }
+      ]
+    },
+    {
+      "name": "igc-stepper",
+      "path": "./src/components/stepper/stepper.ts",
+      "description": "IgxStepper provides a wizard-like workflow by dividing content into logical steps.",
+      "attributes": [
+        {
+          "name": "orientation",
+          "description": "Gets/Sets the orientation of the stepper.",
+          "type": "\"vertical\" | \"horizontal\"",
+          "default": "\"horizontal\""
+        },
+        {
+          "name": "step-type",
+          "description": "Get/Set the type of the steps.",
+          "type": "\"indicator\" | \"title\" | \"full\"",
+          "default": "\"full\""
+        },
+        {
+          "name": "linear",
+          "description": "Get/Set whether the stepper is linear.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "content-top",
+          "description": "Get/Set whether the content is displayed above the steps.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "dir",
+          "description": "The direction attribute of the control.",
+          "type": "Direction",
+          "default": "\"auto\""
+        },
+        {
+          "name": "title-position",
+          "description": "Get/Set the position of the steps title.",
+          "type": "\"start\" | \"end\" | \"top\" | \"bottom\" | undefined"
+        },
+        {
+          "name": "size",
+          "description": "Determines the size of the component.",
+          "type": "\"small\" | \"medium\" | \"large\"",
+          "default": "\"large\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "steps",
+          "description": "Returns all of the stepper's steps.",
+          "type": "IgcStepComponent[]"
+        },
+        {
+          "name": "orientation",
+          "attribute": "orientation",
+          "description": "Gets/Sets the orientation of the stepper.",
+          "type": "\"vertical\" | \"horizontal\"",
+          "default": "\"horizontal\""
+        },
+        {
+          "name": "stepType",
+          "attribute": "step-type",
+          "description": "Get/Set the type of the steps.",
+          "type": "\"indicator\" | \"title\" | \"full\"",
+          "default": "\"full\""
+        },
+        {
+          "name": "linear",
+          "attribute": "linear",
+          "description": "Get/Set whether the stepper is linear.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "contentTop",
+          "attribute": "content-top",
+          "description": "Get/Set whether the content is displayed above the steps.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "dir",
+          "attribute": "dir",
+          "description": "The direction attribute of the control.",
+          "type": "Direction",
+          "default": "\"auto\""
+        },
+        {
+          "name": "titlePosition",
+          "attribute": "title-position",
+          "description": "Get/Set the position of the steps title.",
+          "type": "\"start\" | \"end\" | \"top\" | \"bottom\" | undefined"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Determines the size of the component.",
+          "type": "\"small\" | \"medium\" | \"large\"",
+          "default": "\"large\""
+        }
+      ],
+      "events": [
+        {
+          "name": "igcActiveStepChanging",
+          "description": "Emitted when the active step is about to change."
+        },
+        {
+          "name": "igcActiveStepChanged",
+          "description": "Emitted when the active step is changed."
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Renders the step components inside default slot."
+        }
+      ]
+    },
     {
       "name": "igc-tab-panel",
       "path": "./src/components/tabs/tab-panel.ts",
@@ -5964,6 +6822,16 @@
         }
       ],
       "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-toast\"",
+          "default": "\"igc-toast\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
         {
           "name": "open",
           "attribute": "open",