igniteui-webcomponents 4.5.0 → 4.7.0

package/vscode-html-custom-data.json

@@ -1,3140 +0,0 @@
-{
-  "version": 1,
-  "tags": [
-    {
-      "name": "igc-accordion",
-      "description": "The Accordion is a container-based component that can house multiple expansion panels\nand offers keyboard navigation.\n\nSlots:\n\n  * ` ` {} - Renders the expansion panels inside default slot.\n\nAttributes:\n\n  * `single-expand` {`boolean`} - Allows only one panel to be expanded at a time.\n\nProperties:\n\n  * `tagName` {`\"igc-accordion\"`} - \n\n  * `styles` - \n\n  * `_enabledPanels` {`IgcExpansionPanelComponent[]`} - \n\n  * `singleExpand` {`boolean`} - Allows only one panel to be expanded at a time.\n\n  * `panels` {`IgcExpansionPanelComponent[]`} - Returns all of the accordions's direct igc-expansion-panel children.\n\n  * `handleKeydown` - ",
-      "attributes": [
-        {
-          "name": "single-expand",
-          "description": "`single-expand` {`boolean`} - Allows only one panel to be expanded at a time.\n\nProperty: singleExpand\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-avatar",
-      "description": "An avatar component is used as a representation of a user identity\ntypically in a user profile.\n\nSlots:\n\n  * ` ` {} - Renders an icon inside the default slot.\n\nAttributes:\n\n  * `src` {`string`} - The image source to use.\n\n  * `alt` {`string`} - Alternative text for the image.\n\n  * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n  * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-avatar\"`} - \n\n  * `styles` - \n\n  * `src` {`string`} - The image source to use.\n\n  * `hasError` {`boolean`} - \n\n  * `alt` {`string`} - Alternative text for the image.\n\n  * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n  * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n  * `classes` {`{ circle: boolean; rounded: boolean; square: boolean; }`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "src",
-          "description": "`src` {`string`} - The image source to use.\n\nProperty: src"
-        },
-        {
-          "name": "alt",
-          "description": "`alt` {`string`} - Alternative text for the image.\n\nProperty: alt"
-        },
-        {
-          "name": "initials",
-          "description": "`initials` {`string`} - Initials to use as a fallback when no image is available.\n\nProperty: initials"
-        },
-        {
-          "name": "shape",
-          "description": "`shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\nProperty: shape\n\nDefault: square",
-          "values": [
-            {
-              "name": "circle"
-            },
-            {
-              "name": "rounded"
-            },
-            {
-              "name": "square"
-            }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: small"
-        }
-      ]
-    },
-    {
-      "name": "igc-badge",
-      "description": "The badge is a component indicating a status on a related item or an area\nwhere some active indication is required.\n\nSlots:\n\n  * ` ` {} - Default slot for the badge.\n\nAttributes:\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The type of badge.\n\n  * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n  * `shape` {`\"rounded\" | \"square\"`} - The shape of the badge.\n\nProperties:\n\n  * `tagName` {`\"igc-badge\"`} - \n\n  * `styles` - \n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The type of badge.\n\n  * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n  * `shape` {`\"rounded\" | \"square\"`} - The shape of the badge.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The type of badge.\n\nProperty: variant\n\nDefault: primary",
-          "values": [
-            {
-              "name": "primary"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
-            },
-            {
-              "name": "danger"
-            }
-          ]
-        },
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "shape",
-          "description": "`shape` {`\"rounded\" | \"square\"`} - The shape of the badge.\n\nProperty: shape\n\nDefault: rounded",
-          "values": [
-            {
-              "name": "rounded"
-            },
-            {
-              "name": "square"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "igc-button-group",
-      "description": "The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.\n\nEvents:\n\n  * `igcSelect` {} - Emitted when a button is selected through user interaction.\n\n  * `igcDeselect` {} - Emitted when a button is deselected through user interaction.\n\nSlots:\n\n  * ` ` {} - Renders `igc-toggle-button` component.\n\nAttributes:\n\n  * `disabled` {`boolean`} - Disables all buttons inside the group.\n\n  * `alignment` {`\"horizontal\" | \"vertical\"`} - Sets the orientation of the buttons in the group.\n\n  * `selection` {`\"single\" | \"single-required\" | \"multiple\"`} - Controls the mode of selection for the button group.\n\n  * `selected-items` {`string[]`} - Gets/Sets the currently selected buttons (their values).\n\nProperties:\n\n  * `tagName` {`\"igc-button-group\"`} - \n\n  * `styles` - \n\n  * `_selectedItems` {`Set<string>`} - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `observerConfig` {`MutationObserverInit`} - \n\n  * `_selectedButtons` {`IgcToggleButtonComponent[]`} - \n\n  * `toggleButtons` {`IgcToggleButtonComponent[]`} - \n\n  * `disabled` {`boolean`} - Disables all buttons inside the group.\n\n  * `alignment` {`\"horizontal\" | \"vertical\"`} - Sets the orientation of the buttons in the group.\n\n  * `selection` {`\"single\" | \"single-required\" | \"multiple\"`} - Controls the mode of selection for the button group.\n\n  * `selectedItems` {`string[]`} - Gets/Sets the currently selected buttons (their values).",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disables all buttons inside the group.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "alignment",
-          "description": "`alignment` {`\"horizontal\" | \"vertical\"`} - Sets the orientation of the buttons in the group.\n\nProperty: alignment\n\nDefault: horizontal",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        },
-        {
-          "name": "selection",
-          "description": "`selection` {`\"single\" | \"single-required\" | \"multiple\"`} - Controls the mode of selection for the button group.\n\nProperty: selection\n\nDefault: single",
-          "values": [
-            {
-              "name": "single"
-            },
-            {
-              "name": "single-required"
-            },
-            {
-              "name": "multiple"
-            }
-          ]
-        },
-        {
-          "name": "selected-items",
-          "description": "`selected-items` {`string[]`} - Gets/Sets the currently selected buttons (their values).\n\nProperty: selectedItems"
-        },
-        {
-          "name": "onigcSelect",
-          "description": "`igcSelect` {} - Emitted when a button is selected through user interaction."
-        },
-        {
-          "name": "onigcDeselect",
-          "description": "`igcDeselect` {} - Emitted when a button is deselected through user interaction."
-        }
-      ]
-    },
-    {
-      "name": "igc-toggle-button",
-      "description": "The `igc-toggle-button` wraps a native button element and exposes additional `value` and `selected` properties.\nIt is used in the context of an `igc-button-group` to facilitate the creation of group/toolbar like UX behaviors.\n\nSlots:\n\n  * ` ` {} - Renders the label/content of the button.\n\nAttributes:\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `selected` {`boolean`} - Determines whether the button is selected.\n\n  * `disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperties:\n\n  * `styles` - \n\n  * `tagName` {`\"igc-toggle-button\"`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `selected` {`boolean`} - Determines whether the button is selected.\n\n  * `disabled` {`boolean`} - Determines whether the button is disabled.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
-        },
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - Determines whether the button is selected.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-button",
-      "description": "Represents a clickable button, used to submit forms or anywhere in a\ndocument for accessible, standard button functionality.\n\nEvents:\n\n  * `igcFocus` {} - Emitted when the button gains focus.\n\n  * `igcBlur` {} - Emitted when the button loses focus.\n\nSlots:\n\n  * ` ` {} - Renders the label of the button.\n\n  * `prefix` {} - Renders content before the label of the button.\n\n  * `suffix` {} - Renders content after the label of the button.\n\nAttributes:\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-button\"`} - \n\n  * `styles` - \n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `formAssociated` {`true`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `classes` {`{ flat: boolean; outlined: boolean; contained: boolean; fab: boolean; disabled: boolean; }`} - \n\n  * `__internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\nProperty: variant\n\nDefault: contained",
-          "values": [
-            {
-              "name": "flat"
-            },
-            {
-              "name": "contained"
-            },
-            {
-              "name": "outlined"
-            },
-            {
-              "name": "fab"
-            }
-          ]
-        },
-        {
-          "name": "type",
-          "description": "`type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\nProperty: type",
-          "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "reset"
-            },
-            {
-              "name": "submit"
-            }
-          ]
-        },
-        {
-          "name": "href",
-          "description": "`href` {`string`} - The URL the button points to.\n\nProperty: href"
-        },
-        {
-          "name": "download",
-          "description": "`download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\nProperty: download"
-        },
-        {
-          "name": "target",
-          "description": "`target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\nProperty: target",
-          "values": [
-            {
-              "name": "_blank"
-            },
-            {
-              "name": "_parent"
-            },
-            {
-              "name": "_self"
-            },
-            {
-              "name": "_top"
-            }
-          ]
-        },
-        {
-          "name": "rel",
-          "description": "`rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\nProperty: rel"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the button gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the button loses focus."
-        }
-      ]
-    },
-    {
-      "name": "igc-icon-button",
-      "description": "Attributes:\n\n  * `name` {`string`} - The name of the icon.\n\n  * `collection` {`string`} - The name of the icon collection.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-icon-button\"`} - \n\n  * `styles` - \n\n  * `name` {`string`} - The name of the icon.\n\n  * `collection` {`string`} - The name of the icon collection.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n  * `formAssociated` {`true`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `classes` - \n\n  * `__internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name of the icon.\n\nProperty: name"
-        },
-        {
-          "name": "collection",
-          "description": "`collection` {`string`} - The name of the icon collection.\n\nProperty: collection"
-        },
-        {
-          "name": "mirrored",
-          "description": "`mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\nProperty: mirrored\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "variant",
-          "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\nProperty: variant\n\nDefault: contained",
-          "values": [
-            {
-              "name": "flat"
-            },
-            {
-              "name": "contained"
-            },
-            {
-              "name": "outlined"
-            }
-          ]
-        },
-        {
-          "name": "type",
-          "description": "`type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\nProperty: type",
-          "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "reset"
-            },
-            {
-              "name": "submit"
-            }
-          ]
-        },
-        {
-          "name": "href",
-          "description": "`href` {`string`} - The URL the button points to.\n\nProperty: href"
-        },
-        {
-          "name": "download",
-          "description": "`download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\nProperty: download"
-        },
-        {
-          "name": "target",
-          "description": "`target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\nProperty: target",
-          "values": [
-            {
-              "name": "_blank"
-            },
-            {
-              "name": "_parent"
-            },
-            {
-              "name": "_self"
-            },
-            {
-              "name": "_top"
-            }
-          ]
-        },
-        {
-          "name": "rel",
-          "description": "`rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\nProperty: rel"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "igc-calendar",
-      "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n  * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n  * ` ` {} - The default slot for the calendar.\n\n  * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n  * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `header-orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the header.\n\n  * `orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visible-months` {`number`} - The number of months displayed in days view.\n\n  * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `tagName` {`\"igc-calendar\"`} - \n\n  * `styles` - \n\n  * `formatterMonth` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `formatterMonthDay` {`DateTimeFormat`} - \n\n  * `rangePreviewDate` {`Date | undefined`} - \n\n  * `activeDaysViewIndex` {`number`} - \n\n  * `daysViews` {`NodeList`} - \n\n  * `monthsView` - \n\n  * `yearsView` - \n\n  * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n  * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n  * `headerOrientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the header.\n\n  * `orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the multiple months displayed in days view.\n\n  * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n  * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n  * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `yearPerPage` {`18 | 15`} - \n\n  * `previousButtonLabel` {`string`} - \n\n  * `nextButtonLabel` {`string`} - \n\n  * `handleKeyDown` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n  * `_activeDate` {`Date`} - \n\n  * `_activeDateSetFlag` {`boolean`} - \n\n  * `calendarModel` - \n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
-      "attributes": [
-        {
-          "name": "hide-outside-days",
-          "description": "`hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\nProperty: hideOutsideDays\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-header",
-          "description": "`hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\nProperty: hideHeader\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "header-orientation",
-          "description": "`header-orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the header.\n\nProperty: headerOrientation\n\nDefault: horizontal",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        },
-        {
-          "name": "orientation",
-          "description": "`orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the multiple months displayed in days view.\n\nProperty: orientation\n\nDefault: horizontal",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        },
-        {
-          "name": "visible-months",
-          "description": "`visible-months` {`number`} - The number of months displayed in days view.\n\nProperty: visibleMonths\n\nDefault: 1"
-        },
-        {
-          "name": "active-view",
-          "description": "`active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\nProperty: activeView\n\nDefault: days",
-          "values": [
-            {
-              "name": "days"
-            },
-            {
-              "name": "months"
-            },
-            {
-              "name": "years"
-            }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        },
-        {
-          "name": "value",
-          "description": "`value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
-          "values": []
-        },
-        {
-          "name": "values",
-          "description": "`values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\nProperty: values",
-          "values": []
-        },
-        {
-          "name": "selection",
-          "description": "`selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\nProperty: selection\n\nDefault: single",
-          "values": [
-            {
-              "name": "single"
-            },
-            {
-              "name": "multiple"
-            },
-            {
-              "name": "range"
-            }
-          ]
-        },
-        {
-          "name": "show-week-numbers",
-          "description": "`show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\nProperty: showWeekNumbers\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "week-start",
-          "description": "`week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\nProperty: weekStart\n\nDefault: sunday",
-          "values": [
-            {
-              "name": "sunday"
-            },
-            {
-              "name": "monday"
-            },
-            {
-              "name": "tuesday"
-            },
-            {
-              "name": "wednesday"
-            },
-            {
-              "name": "thursday"
-            },
-            {
-              "name": "friday"
-            },
-            {
-              "name": "saturday"
-            }
-          ]
-        },
-        {
-          "name": "active-date",
-          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate"
-        },
-        {
-          "name": "locale",
-          "description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when calendar changes its value."
-        }
-      ]
-    },
-    {
-      "name": "igc-days-view",
-      "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n  * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n  * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n  * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n  * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `tagName` {`\"igc-days-view\"`} - \n\n  * `styles` - \n\n  * `labelFormatter` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `dates` {`ICalendarDate[][]`} - \n\n  * `activeDay` {`HTMLElement`} - \n\n  * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n  * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `isSingleSelection` {`boolean`} - \n\n  * `_activeDate` {`Date`} - \n\n  * `_activeDateSetFlag` {`boolean`} - \n\n  * `calendarModel` - \n\n  * `value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\n  * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n  * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n  * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n  * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n  * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n  * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
-      "attributes": [
-        {
-          "name": "hide-leading-days",
-          "description": "`hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\nProperty: hideLeadingDays\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-trailing-days",
-          "description": "`hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\nProperty: hideTrailingDays\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Gets/sets the active state of the days view.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "week-day-format",
-          "description": "`week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\nProperty: weekDayFormat\n\nDefault: narrow",
-          "values": [
-            {
-              "name": "long"
-            },
-            {
-              "name": "short"
-            },
-            {
-              "name": "narrow"
-            }
-          ]
-        },
-        {
-          "name": "value",
-          "description": "`value` {`Date | undefined`} - The current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
-          "values": []
-        },
-        {
-          "name": "values",
-          "description": "`values` {`Date[] | undefined`} - The current values of the calendar.\nUsed when selection is set to multiple or range.\n\nProperty: values",
-          "values": []
-        },
-        {
-          "name": "selection",
-          "description": "`selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\nProperty: selection\n\nDefault: single",
-          "values": [
-            {
-              "name": "single"
-            },
-            {
-              "name": "multiple"
-            },
-            {
-              "name": "range"
-            }
-          ]
-        },
-        {
-          "name": "show-week-numbers",
-          "description": "`show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\nProperty: showWeekNumbers\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "week-start",
-          "description": "`week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\nProperty: weekStart\n\nDefault: sunday",
-          "values": [
-            {
-              "name": "sunday"
-            },
-            {
-              "name": "monday"
-            },
-            {
-              "name": "tuesday"
-            },
-            {
-              "name": "wednesday"
-            },
-            {
-              "name": "thursday"
-            },
-            {
-              "name": "friday"
-            },
-            {
-              "name": "saturday"
-            }
-          ]
-        },
-        {
-          "name": "active-date",
-          "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate"
-        },
-        {
-          "name": "locale",
-          "description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
-        },
-        {
-          "name": "onigcActiveDateChange",
-          "description": "`igcActiveDateChange` {} - Emitted when the active date changes."
-        },
-        {
-          "name": "onigcRangePreviewDateChange",
-          "description": "`igcRangePreviewDateChange` {} - Emitted when the range preview date changes."
-        }
-      ]
-    },
-    {
-      "name": "igc-months-view",
-      "description": "Instantiate a months view as a separate component in the calendar.\n\nAttributes:\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates.\n\n  * `month-format` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined`} - The format of the month. Defaults to long.\n\nProperties:\n\n  * `tagName` {`\"igc-months-view\"`} - \n\n  * `styles` - \n\n  * `calendarModel` - \n\n  * `monthFormatter` - \n\n  * `activeMonth` {`HTMLElement`} - \n\n  * `value` {`Date`} - Тhe current value of the calendar.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates.\n\n  * `monthFormat` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined`} - The format of the month. Defaults to long.\n\n  * `months` {`Date[][]`} - ",
-      "attributes": [
-        {
-          "name": "locale",
-          "description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates.\n\nProperty: locale\n\nDefault: en"
-        },
-        {
-          "name": "month-format",
-          "description": "`month-format` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined`} - The format of the month. Defaults to long.\n\nProperty: monthFormat\n\nDefault: long",
-          "values": [
-            {
-              "name": "long"
-            },
-            {
-              "name": "short"
-            },
-            {
-              "name": "narrow"
-            },
-            {
-              "name": "numeric"
-            },
-            {
-              "name": "2-digit"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "igc-years-view",
-      "description": "Instantiate a years view as a separate component in the calendar.\n\nAttributes:\n\n  * `years-per-page` {`number`} - Sets how many years are displayed on a single page.\n\nProperties:\n\n  * `tagName` {`\"igc-years-view\"`} - \n\n  * `styles` - \n\n  * `years` {`Date[][]`} - \n\n  * `activeYear` {`HTMLElement`} - \n\n  * `value` {`Date`} - Тhe current value of the calendar.\n\n  * `yearsPerPage` {`number`} - Sets how many years are displayed on a single page.",
-      "attributes": [
-        {
-          "name": "years-per-page",
-          "description": "`years-per-page` {`number`} - Sets how many years are displayed on a single page.\n\nProperty: yearsPerPage\n\nDefault: 15"
-        }
-      ]
-    },
-    {
-      "name": "igc-card-actions",
-      "description": "A container for card action items like buttons\n\nSlots:\n\n  * `start` {} - Renders items at the beginning of actions area\n\n  * ` ` {} - Renders items at the middle of actions area\n\n  * `end` {} - Renders items at the end of actions area\n\nAttributes:\n\n  * `orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the actions.\n\nProperties:\n\n  * `tagName` {`\"igc-card-actions\"`} - \n\n  * `styles` - \n\n  * `orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the actions.",
-      "attributes": [
-        {
-          "name": "orientation",
-          "description": "`orientation` {`\"horizontal\" | \"vertical\"`} - The orientation of the actions.\n\nProperty: orientation\n\nDefault: horizontal",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "igc-card-content",
-      "description": "A container for card's text content\n\nSlots:\n\n  * ` ` {} - Renders the card text content\n\nProperties:\n\n  * `tagName` {`\"igc-card-content\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-card-header",
-      "description": "A container for card's header\n\nSlots:\n\n  * `thumbnail` {} - Renders header media like icon\n\n  * `title` {} - Renders the card title\n\n  * `subtitle` {} - Renders the card subtitle\n\n  * ` ` {} - Renders content next to the card title\n\nProperties:\n\n  * `tagName` {`\"igc-card-header\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-card-media",
-      "description": "A container for card's media - could be an image, gif, video\n\nSlots:\n\n  * ` ` {} - Renders the card media content\n\nProperties:\n\n  * `tagName` {`\"igc-card-media\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-card",
-      "description": "A container which wraps different elements related to a single subject\n\nSlots:\n\n  * ` ` {} - Renders card content\n\nAttributes:\n\n  * `elevated` {`boolean`} - Sets card elevated style, otherwise card looks outlined.\n\nProperties:\n\n  * `tagName` {`\"igc-card\"`} - \n\n  * `styles` - \n\n  * `elevated` {`boolean`} - Sets card elevated style, otherwise card looks outlined.",
-      "attributes": [
-        {
-          "name": "elevated",
-          "description": "`elevated` {`boolean`} - Sets card elevated style, otherwise card looks outlined.\n\nProperty: elevated\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-checkbox",
-      "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The checkbox label.\n\nAttributes:\n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-checkbox\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - ",
-      "attributes": [
-        {
-          "name": "indeterminate",
-          "description": "`indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\nProperty: indeterminate\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
-        },
-        {
-          "name": "checked",
-          "description": "`checked` {`boolean`} - The checked state of the control.\n\nProperty: checked\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label-position",
-          "description": "`label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\nProperty: labelPosition\n\nDefault: after",
-          "values": [
-            {
-              "name": "before"
-            },
-            {
-              "name": "after"
-            }
-          ]
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the control's checked state changes."
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the control gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the control loses focus."
-        }
-      ]
-    },
-    {
-      "name": "igc-switch",
-      "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The switch label.\n\nAttributes:\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-switch\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - ",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
-        },
-        {
-          "name": "checked",
-          "description": "`checked` {`boolean`} - The checked state of the control.\n\nProperty: checked\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label-position",
-          "description": "`label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\nProperty: labelPosition\n\nDefault: after",
-          "values": [
-            {
-              "name": "before"
-            },
-            {
-              "name": "after"
-            }
-          ]
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the control's checked state changes."
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the control gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the control loses focus."
-        }
-      ]
-    },
-    {
-      "name": "igc-chip",
-      "description": "Chips help people enter information, make selections, filter content, or trigger actions.\n\nEvents:\n\n  * `igcRemove` {} - Emits an event when the chip component is removed. Returns the removed chip component.\n\n  * `igcSelect` {} - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n\nSlots:\n\n  * ` ` {} - Renders the chip data.\n\n  * `prefix` {} - Renders content before the data of the chip.\n\n  * `suffix` {} - Renders content after the data of the chip.\n\nAttributes:\n\n  * `disabled` {`boolean`} - Sets the disabled state for the chip.\n\n  * `removable` {`boolean`} - Defines if the chip is removable or not.\n\n  * `selectable` {`boolean`} - Defines if the chip is selectable or not.\n\n  * `selected` {`boolean`} - Defines if the chip is selected or not.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - A property that sets the color variant of the chip component.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-chip\"`} - \n\n  * `styles` - \n\n  * `disabled` {`boolean`} - Sets the disabled state for the chip.\n\n  * `removable` {`boolean`} - Defines if the chip is removable or not.\n\n  * `selectable` {`boolean`} - Defines if the chip is selectable or not.\n\n  * `selected` {`boolean`} - Defines if the chip is selected or not.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - A property that sets the color variant of the chip component.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Sets the disabled state for the chip.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "removable",
-          "description": "`removable` {`boolean`} - Defines if the chip is removable or not.\n\nProperty: removable\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "selectable",
-          "description": "`selectable` {`boolean`} - Defines if the chip is selectable or not.\n\nProperty: selectable\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - Defines if the chip is selected or not.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "variant",
-          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - A property that sets the color variant of the chip component.\n\nProperty: variant",
-          "values": [
-            {
-              "name": "primary"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
-            },
-            {
-              "name": "danger"
-            }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
-        },
-        {
-          "name": "onigcRemove",
-          "description": "`igcRemove` {} - Emits an event when the chip component is removed. Returns the removed chip component."
-        },
-        {
-          "name": "onigcSelect",
-          "description": "`igcSelect` {} - Emits event when the chip component is selected/deselected and any related animations and transitions also end."
-        }
-      ]
-    },
-    {
-      "name": "igc-combo-header",
-      "description": "Properties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-combo-item",
-      "description": "Attributes:\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hide-checkbox` {`boolean`} - Determines whether the item is active.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `index` {`number`} - \n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hideCheckbox` {`boolean`} - Determines whether the item is active.",
-      "attributes": [
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - Determines whether the item is selected.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Determines whether the item is active.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-checkbox",
-          "description": "`hide-checkbox` {`boolean`} - Determines whether the item is active.\n\nProperty: hideCheckbox\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-combo-list",
-      "description": "Properties:\n\n  * `tagName` {`\"igc-combo-list\"`} - \n\n  * `items` {`T[]`} - \n\n  * `renderItem` - \n\n  * `keyFunction` - \n\n  * `layout` {`LayoutConfigValue`} - \n\n  * `scroller` {`boolean`} - \n\n  * `layoutComplete` {`Promise<void> | undefined`} - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-combo",
-      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`ComboValue<T>[]`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_filteringOptions` {`FilteringOptions<T>`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `selection` {`T[]`} - Returns the current selection as an array of objects as provided in the `data` source.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - ",
-      "attributes": [
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - The outlined attribute of the control.\n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "single-select",
-          "description": "`single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\nProperty: singleSelect\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "autofocus",
-          "description": "`autofocus` {`boolean`} - The autofocus attribute of the control.\n\nProperty: autofocus",
-          "valueSet": "v"
-        },
-        {
-          "name": "autofocus-list",
-          "description": "`autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\nProperty: autofocusList\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label attribute of the control.\n\nProperty: label"
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
-        },
-        {
-          "name": "placeholder-search",
-          "description": "`placeholder-search` {`string`} - The placeholder attribute of the search input.\n\nProperty: placeholderSearch\n\nDefault: Search"
-        },
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Sets the open state of the component.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "flip",
-          "description": "`flip` {`boolean`} - \n\nProperty: flip\n\nDefault: true",
-          "valueSet": "v"
-        },
-        {
-          "name": "value-key",
-          "description": "`value-key` - The key in the data source used when selecting items.\n\nProperty: valueKey",
-          "values": []
-        },
-        {
-          "name": "display-key",
-          "description": "`display-key` - The key in the data source used to display items in the list.\n\nProperty: displayKey\n\nDefault: valueKey",
-          "values": []
-        },
-        {
-          "name": "group-key",
-          "description": "`group-key` - The key in the data source used to group items in the list.\n\nProperty: groupKey\n\nDefault: displayKey",
-          "values": []
-        },
-        {
-          "name": "group-sorting",
-          "description": "`group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\nProperty: groupSorting\n\nDefault: asc",
-          "values": [
-            {
-              "name": "asc"
-            },
-            {
-              "name": "desc"
-            }
-          ]
-        },
-        {
-          "name": "filtering-options",
-          "description": "`filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\nProperty: filteringOptions"
-        },
-        {
-          "name": "case-sensitive-icon",
-          "description": "`case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\nProperty: caseSensitiveIcon\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disable-filtering",
-          "description": "`disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\nProperty: disableFiltering\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperty: value"
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the select gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the select loses focus."
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the control's selection has changed."
-        },
-        {
-          "name": "onigcOpening",
-          "description": "`igcOpening` {} - Emitted just before the list of options is opened."
-        },
-        {
-          "name": "onigcOpened",
-          "description": "`igcOpened` {} - Emitted after the list of options is opened."
-        },
-        {
-          "name": "onigcClosing",
-          "description": "`igcClosing` {} - Emitter just before the list of options is closed."
-        },
-        {
-          "name": "onigcClosed",
-          "description": "`igcClosed` {} - Emitted after the list of options is closed."
-        }
-      ]
-    },
-    {
-      "name": "igc-date-time-input",
-      "description": "A date time input is an input field that lets you set and edit the date and time in a chosen input element\nusing customizable display and input formats.\n\nEvents:\n\n  * `igcInput` {} - Emitted when the control input receives user input.\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `input-format` {`string`} - The date format to apply on the input.\n\n  * `min` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `max` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `min-value` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `max-value` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `display-format` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spin-loop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-date-time-input\"`} - \n\n  * `_defaultMask` {`string`} - \n\n  * `_value` {`Date | null`} - \n\n  * `_oldValue` {`Date | null`} - \n\n  * `_inputDateParts` {`DatePartInfo[]`} - \n\n  * `_inputFormat` {`string`} - \n\n  * `_datePartDeltas` {`DatePartDeltas`} - \n\n  * `inputFormat` {`string`} - The date format to apply on the input.\n\n  * `min` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `max` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `minValue` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `maxValue` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `displayFormat` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spinDelta` {`DatePartDeltas`} - Delta values used to increment or decrement each date part on step actions.\nAll values default to `1`.\n\n  * `spinLoop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `hasDateParts` {`boolean`} - \n\n  * `hasTimeParts` {`boolean`} - \n\n  * `targetDatePart` {`DatePart | undefined`} - \n\n  * `datePartDeltas` {`DatePartDeltas`} - \n\n  * `keyMap` {`Map<string, ((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => Promise<void>) | ((event: KeyboardEvent) => void)>`} - \n\n  * `parser` - \n\n  * `selection` {`MaskRange`} - \n\n  * `compositionStart` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `inputSelection` {`MaskRange`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `handleSlotChange` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "input-format",
-          "description": "`input-format` {`string`} - The date format to apply on the input.\n\nProperty: inputFormat"
-        },
-        {
-          "name": "min",
-          "description": "`min` {`Date`} - The minimum value required for the input to remain valid.\n\nProperty: min"
-        },
-        {
-          "name": "max",
-          "description": "`max` {`Date`} - The maximum value required for the input to remain valid.\n\nProperty: max"
-        },
-        {
-          "name": "min-value",
-          "description": "`min-value` {`Date`} - The minimum value required for the input to remain valid.\n\nProperty: minValue"
-        },
-        {
-          "name": "max-value",
-          "description": "`max-value` {`Date`} - The maximum value required for the input to remain valid.\n\nProperty: maxValue"
-        },
-        {
-          "name": "display-format",
-          "description": "`display-format` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\nProperty: displayFormat"
-        },
-        {
-          "name": "spin-loop",
-          "description": "`spin-loop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\nProperty: spinLoop\n\nDefault: true",
-          "valueSet": "v"
-        },
-        {
-          "name": "locale",
-          "description": "`locale` {`string`} - The locale settings used to display the value.\n\nProperty: locale\n\nDefault: en"
-        },
-        {
-          "name": "prompt",
-          "description": "`prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\nProperty: prompt"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`Date | null`} - The value of the input.\n\nProperty: value",
-          "values": []
-        },
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - Whether the control will have outlined appearance.\n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
-        },
-        {
-          "name": "onigcInput",
-          "description": "`igcInput` {} - Emitted when the control input receives user input."
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the control's checked state changes."
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the control gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the control loses focus."
-        }
-      ]
-    },
-    {
-      "name": "igc-dialog",
-      "description": "Represents a Dialog component.\n\nEvents:\n\n  * `igcClosing` {} - Emitter just before the dialog is closed.\n\n  * `igcClosed` {} - Emitted after closing the dialog.\n\nSlots:\n\n  * ` ` {} - Renders content inside the default slot.\n\n  * `title` {} - Renders the title of the dialog header.\n\n  * `footer` {} - Renders the dialog footer.\n\nAttributes:\n\n  * `close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keep-open-on-escape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\nProperties:\n\n  * `tagName` {`\"igc-dialog\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `increment` - \n\n  * `titleId` {`string`} - \n\n  * `animationPlayer` - \n\n  * `dialog` {`HTMLDialogElement`} - \n\n  * `closeOnEscape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keepOpenOnEscape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `closeOnOutsideClick` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hideDefaultAction` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `animating` {`boolean`} - Backdrop animation helper.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\n  * `returnValue` {`string`} - Sets the return value for the dialog.\n\n  * `formSubmitHandler` - ",
-      "attributes": [
-        {
-          "name": "close-on-escape",
-          "description": "`close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\nProperty: closeOnEscape",
-          "valueSet": "v"
-        },
-        {
-          "name": "keep-open-on-escape",
-          "description": "`keep-open-on-escape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\nProperty: keepOpenOnEscape\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "close-on-outside-click",
-          "description": "`close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\nProperty: closeOnOutsideClick\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-default-action",
-          "description": "`hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\nProperty: hideDefaultAction\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Whether the dialog is opened.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "title",
-          "description": "`title` {`string`} - Sets the title of the dialog.\n\nProperty: title"
-        },
-        {
-          "name": "onigcClosing",
-          "description": "`igcClosing` {} - Emitter just before the dialog is closed."
-        },
-        {
-          "name": "onigcClosed",
-          "description": "`igcClosed` {} - Emitted after closing the dialog."
-        }
-      ]
-    },
-    {
-      "name": "igc-dropdown-group",
-      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `parent` - \n\n  * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.",
-      "attributes": []
-    },
-    {
-      "name": "igc-dropdown-header",
-      "description": "Slots:\n\n  * ` ` {} - Renders the header.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-dropdown-item",
-      "description": "Represents an item in a dropdown list.\n\nSlots:\n\n  * `prefix` {} - Renders content before the item's main content.\n\n  * ` ` {} - Renders the item's main content.\n\n  * `suffix` {} - Renders content after the item's main content.\n\nAttributes:\n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `_value` {`string`} - \n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "`value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\nProperty: value"
-        },
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - Determines whether the item is selected.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Determines whether the item is active.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-dropdown",
-      "description": "Represents a DropDown component.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown\"`} - \n\n  * `styles` - \n\n  * `selectedItem` - \n\n  * `activeItem` - \n\n  * `target` {`HTMLElement`} - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `allItems` {`IgcDropdownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcDropdownItemComponent[]`} - \n\n  * `groups` {`IgcDropdownGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "keep-open-on-select",
-          "description": "`keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\nProperty: keepOpenOnSelect\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "scroll-strategy",
-          "description": "`scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\nProperty: scrollStrategy\n\nDefault: scroll",
-          "values": [
-            {
-              "name": "scroll"
-            },
-            {
-              "name": "block"
-            },
-            {
-              "name": "close"
-            }
-          ]
-        },
-        {
-          "name": "keep-open-on-outside-click",
-          "description": "`keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\nProperty: keepOpenOnOutsideClick\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Sets the open state of the component.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "placement",
-          "description": "`placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\nProperty: placement\n\nDefault: bottom-start",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "top-start"
-            },
-            {
-              "name": "top-end"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "bottom-start"
-            },
-            {
-              "name": "bottom-end"
-            },
-            {
-              "name": "right"
-            },
-            {
-              "name": "right-start"
-            },
-            {
-              "name": "right-end"
-            },
-            {
-              "name": "left"
-            },
-            {
-              "name": "left-start"
-            },
-            {
-              "name": "left-end"
-            }
-          ]
-        },
-        {
-          "name": "position-strategy",
-          "description": "`position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\nProperty: positionStrategy\n\nDefault: absolute",
-          "values": [
-            {
-              "name": "absolute"
-            },
-            {
-              "name": "fixed"
-            }
-          ]
-        },
-        {
-          "name": "flip",
-          "description": "`flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\nProperty: flip\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "distance",
-          "description": "`distance` {`number`} - The distance from the target element.\n\nProperty: distance\n\nDefault: 0"
-        },
-        {
-          "name": "same-width",
-          "description": "`same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\nProperty: sameWidth\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the selected item changes."
-        },
-        {
-          "name": "onigcOpening",
-          "description": "`igcOpening` {} - Emitted just before the dropdown is open."
-        },
-        {
-          "name": "onigcOpened",
-          "description": "`igcOpened` {} - Emitted after the dropdown is open."
-        },
-        {
-          "name": "onigcClosing",
-          "description": "`igcClosing` {} - Emitter just before the dropdown is closed."
-        },
-        {
-          "name": "onigcClosed",
-          "description": "`igcClosed` {} - Emitted after closing the dropdown."
-        }
-      ]
-    },
-    {
-      "name": "igc-expansion-panel",
-      "description": "The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n\nEvents:\n\n  * `igcOpening` {} - Emitted before opening the expansion panel.\n\n  * `igcOpened` {} - Emitted after the expansion panel is opened.\n\n  * `igcClosing` {} - Emitted before closing the expansion panel.\n\n  * `igcClosed` {} - Emitted after the expansion panel is closed.\n\nSlots:\n\n  * ` ` {} - renders the default content of the panel\n\n  * `title` {} - renders the title of the panel's header\n\n  * `subtitle` {} - renders the subtitle of the panel's header\n\n  * `indicator` {} - renders the expand/collapsed indicator\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperties:\n\n  * `tagName` {`\"igc-expansion-panel\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `animationPlayer` - \n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicatorPosition` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\n  * `panelHeader` {`HTMLElement`} - \n\n  * `panelContent` {`HTMLElement`} - \n\n  * `panelId` {`string`} - ",
-      "attributes": [
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "indicator-position",
-          "description": "`indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperty: indicatorPosition\n\nDefault: start",
-          "values": [
-            {
-              "name": "none"
-            },
-            {
-              "name": "start"
-            },
-            {
-              "name": "end"
-            }
-          ]
-        },
-        {
-          "name": "onigcOpening",
-          "description": "`igcOpening` {} - Emitted before opening the expansion panel."
-        },
-        {
-          "name": "onigcOpened",
-          "description": "`igcOpened` {} - Emitted after the expansion panel is opened."
-        },
-        {
-          "name": "onigcClosing",
-          "description": "`igcClosing` {} - Emitted before closing the expansion panel."
-        },
-        {
-          "name": "onigcClosed",
-          "description": "`igcClosed` {} - Emitted after the expansion panel is closed."
-        }
-      ]
-    },
-    {
-      "name": "igc-form",
-      "description": "The form is a component used to collect user input from\ninteractive controls.\n\nEvents:\n\n  * `igcSubmit` {} - Emitted when the form is submitted.\n\n  * `igcReset` {} - Emitted when the form is reset.\n\nSlots:\n\n  * ` ` {} - Default slot for the form.\n\nAttributes:\n\n  * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.\n\nProperties:\n\n  * `tagName` {`\"igc-form\"`} - \n\n  * `styles` - \n\n  * `_controlsWithChecked` {`string[]`} - \n\n  * `_controlsWithValue` {`string[]`} - \n\n  * `_controlsThatSubmit` {`string[]`} - \n\n  * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.",
-      "attributes": [
-        {
-          "name": "novalidate",
-          "description": "`novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.\n\nProperty: novalidate\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onigcSubmit",
-          "description": "`igcSubmit` {} - Emitted when the form is submitted."
-        },
-        {
-          "name": "onigcReset",
-          "description": "`igcReset` {} - Emitted when the form is reset."
-        }
-      ]
-    },
-    {
-      "name": "igc-icon",
-      "description": "Attributes:\n\n  * `name` {`string`} - The name of the icon glyph to draw.\n\n  * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-icon\"`} - \n\n  * `styles` - \n\n  * `svg` {`string`} - \n\n  * `name` {`string`} - The name of the icon glyph to draw.\n\n  * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n  * `iconLoaded` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name of the icon glyph to draw.\n\nProperty: name\n\nDefault: "
-        },
-        {
-          "name": "collection",
-          "description": "`collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\nProperty: collection\n\nDefault: default"
-        },
-        {
-          "name": "mirrored",
-          "description": "`mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\nProperty: mirrored\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
-        }
-      ]
-    },
-    {
-      "name": "igc-input",
-      "description": "Events:\n\n  * `igcInput` {} - Emitted when the control input receives user input.\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `minlength` {`number`} - The minimum string length required by the control.\n\n  * `maxlength` {`number`} - The maximum string length of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `tabIndex` {`number`} - \n\n  * `value` {`string`} - The value of the control.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-input\"`} - \n\n  * `isStringType` {`boolean`} - \n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `minLength` {`number`} - The minimum string length required by the control.\n\n  * `minlength` {`number`} - The minlength attribute of the control.\n\n  * `maxLength` {`number`} - The maximum string length of the control.\n\n  * `maxlength` {`number`} - The maxlength attribute of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `tabIndex` {`number`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value of the control.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `handleSlotChange` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "type",
-          "description": "`type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\nProperty: type\n\nDefault: text",
-          "values": [
-            {
-              "name": "number"
-            },
-            {
-              "name": "email"
-            },
-            {
-              "name": "password"
-            },
-            {
-              "name": "search"
-            },
-            {
-              "name": "tel"
-            },
-            {
-              "name": "text"
-            },
-            {
-              "name": "url"
-            }
-          ]
-        },
-        {
-          "name": "inputmode",
-          "description": "`inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\nProperty: inputmode",
-          "values": [
-            {
-              "name": "numeric"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "email"
-            },
-            {
-              "name": "search"
-            },
-            {
-              "name": "tel"
-            },
-            {
-              "name": "url"
-            },
-            {
-              "name": "txt"
-            },
-            {
-              "name": "decimal"
-            }
-          ]
-        },
-        {
-          "name": "pattern",
-          "description": "`pattern` {`string`} - The pattern attribute of the control.\n\nProperty: pattern"
-        },
-        {
-          "name": "minlength",
-          "description": "`minlength` {`number`} - The minimum string length required by the control.\n\nProperty: minLength"
-        },
-        {
-          "name": "maxlength",
-          "description": "`maxlength` {`number`} - The maximum string length of the control.\n\nProperty: maxLength"
-        },
-        {
-          "name": "min",
-          "description": "`min` {`string | number`} - The min attribute of the control.\n\nProperty: min",
-          "values": []
-        },
-        {
-          "name": "max",
-          "description": "`max` {`string | number`} - The max attribute of the control.\n\nProperty: max",
-          "values": []
-        },
-        {
-          "name": "step",
-          "description": "`step` {`number`} - The step attribute of the control.\n\nProperty: step"
-        },
-        {
-          "name": "autofocus",
-          "description": "`autofocus` {`boolean`} - The autofocus attribute of the control.\n\nProperty: autofocus",
-          "valueSet": "v"
-        },
-        {
-          "name": "autocomplete",
-          "description": "`autocomplete` {`string`} - The autocomplete attribute of the control.\n\nProperty: autocomplete"
-        },
-        {
-          "name": "tabIndex",
-          "description": "`tabIndex` {`number`} - \n\nProperty: tabIndex\n\nDefault: 0"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value of the control.\n\nProperty: value\n\nDefault: "
-        },
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - Whether the control will have outlined appearance.\n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
-        },
-        {
-          "name": "onigcInput",
-          "description": "`igcInput` {} - Emitted when the control input receives user input."
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the control's checked state changes."
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the control gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the control loses focus."
-        }
-      ]
-    },
-    {
-      "name": "igc-list-header",
-      "description": "Header list item.\n\nSlots:\n\n  * ` ` {} - Renders header list item's content.\n\nProperties:\n\n  * `tagName` {`\"igc-list-header\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-list-item",
-      "description": "The list-item component is a container\nintended for row items in the list component.\n\nSlots:\n\n  * ` ` {} - Renders custom content.\n\n  * `start` {} - Renders content before all other content.\n\n  * `end` {} - Renders content after all other content.\n\n  * `title` {} - Renders the title.\n\n  * `subtitle` {} - Renders the subtitle.\n\nProperties:\n\n  * `tagName` {`\"igc-list-item\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-list",
-      "description": "Displays a collection of data items in a templatable list format.\n\nSlots:\n\n  * ` ` {} - Renders the list items and list headers inside default slot.\n\nAttributes:\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-list\"`} - \n\n  * `styles` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "igc-mask-input",
-      "description": "A masked input is an input field where a developer can control user input and format the visible value,\nbased on configurable rules\n\nEvents:\n\n  * `igcInput` {} - Emitted when the control receives user input\n\n  * `igcChange` {} - Emitted when an alteration of the control's value is committed by the user\n\n  * `igcFocus` {} - Emitted when the control gains focus\n\n  * `igcBlur` {} - Emitted when the control loses focus\n\nSlots:\n\n  * `prefix` {} - Renders content before the input\n\n  * `suffix` {} - Renders content after the input\n\n  * `helper-text` {} - Renders content below the input\n\nAttributes:\n\n  * `value-mode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\n  * `mask` {`string`} - The mask pattern to apply on the input.\n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-mask-input\"`} - \n\n  * `_value` {`string`} - \n\n  * `valueMode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\n  * `mask` {`string`} - The mask pattern to apply on the input.\n\n  * `parser` - \n\n  * `selection` {`MaskRange`} - \n\n  * `compositionStart` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `inputSelection` {`MaskRange`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `handleSlotChange` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "value-mode",
-          "description": "`value-mode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\nProperty: valueMode\n\nDefault: raw",
-          "values": [
-            {
-              "name": "raw"
-            },
-            {
-              "name": "withFormatting"
-            }
-          ]
-        },
-        {
-          "name": "mask",
-          "description": "`mask` {`string`} - The mask pattern to apply on the input.\n\nProperty: mask"
-        },
-        {
-          "name": "prompt",
-          "description": "`prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\nProperty: prompt"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\nProperty: value"
-        },
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - Whether the control will have outlined appearance.\n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
-        },
-        {
-          "name": "onigcInput",
-          "description": "`igcInput` {} - Emitted when the control receives user input"
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when an alteration of the control's value is committed by the user"
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the control gains focus"
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the control loses focus"
-        }
-      ]
-    },
-    {
-      "name": "igc-nav-drawer-header-item",
-      "description": "A wrapper for navigation drawer's header.\n\nSlots:\n\n  * ` ` {} - Renders the header content\n\nProperties:\n\n  * `tagName` {`\"igc-nav-drawer-header-item\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-nav-drawer-item",
-      "description": "Represents a navigation drawer item.\n\nSlots:\n\n  * `content` {} - The content slot for the drawer item.\n\n  * `icon` {} - The slot for the icon of the drawer item.\n\nAttributes:\n\n  * `disabled` {`boolean`} - Determines whether the drawer is disabled.\n\n  * `active` {`boolean`} - Determines whether the drawer is active.\n\nProperties:\n\n  * `tagName` {`\"igc-nav-drawer-item\"`} - \n\n  * `styles` - \n\n  * `disabled` {`boolean`} - Determines whether the drawer is disabled.\n\n  * `active` {`boolean`} - Determines whether the drawer is active.\n\n  * `_textLength` {`number`} - \n\n  * `_text` {`HTMLElement[]`} - \n\n  * `navdrawerIcon` {`Node[]`} - ",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Determines whether the drawer is disabled.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Determines whether the drawer is active.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-nav-drawer",
-      "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n  * ` ` {} - The default slot for the drawer.\n\n  * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n  * `tagName` {`\"igc-nav-drawer\"`} - \n\n  * `styles` - \n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.",
-      "attributes": [
-        {
-          "name": "position",
-          "description": "`position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | \"relative\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "start"
-            },
-            {
-              "name": "end"
-            },
-            {
-              "name": "relative"
-            }
-          ]
-        },
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Determines whether the drawer is opened.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-navbar",
-      "description": "A navigation bar component is used to facilitate navigation through\na series of hierarchical screens within an app.\n\nSlots:\n\n  * ` ` {} - Renders a title inside the default slot.\n\n  * `start` {} - Renders left aligned icons.\n\n  * `end` {} - Renders right aligned action icons.\n\nProperties:\n\n  * `tagName` {`\"igc-navbar\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-circular-gradient",
-      "description": "Used for defining gradient stops in the igc-circular-progress.\nFor each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\nThe values passed as `color`, `offset` and `opacity` would be set as\n`stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.\n\nAttributes:\n\n  * `offset` {`string`} - Defines where the gradient stop is placed along the gradient vector\n\n  * `color` {`string`} - Defines the color of the gradient stop\n\n  * `opacity` {`number`} - Defines the opacity of the gradient stop\n\nProperties:\n\n  * `tagName` {`\"igc-circular-gradient\"`} - \n\n  * `offset` {`string`} - Defines where the gradient stop is placed along the gradient vector\n\n  * `color` {`string`} - Defines the color of the gradient stop\n\n  * `opacity` {`number`} - Defines the opacity of the gradient stop",
-      "attributes": [
-        {
-          "name": "offset",
-          "description": "`offset` {`string`} - Defines where the gradient stop is placed along the gradient vector\n\nProperty: offset\n\nDefault: 0%"
-        },
-        {
-          "name": "color",
-          "description": "`color` {`string`} - Defines the color of the gradient stop\n\nProperty: color\n\nDefault: black"
-        },
-        {
-          "name": "opacity",
-          "description": "`opacity` {`number`} - Defines the opacity of the gradient stop\n\nProperty: opacity\n\nDefault: 1"
-        }
-      ]
-    },
-    {
-      "name": "igc-circular-progress",
-      "description": "A circular progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n  * ` ` {} - The text area container.\n\n  * `gradient` {} - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n\nAttributes:\n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n  * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-circular-progress\"`} - \n\n  * `styles` - \n\n  * `gradientId` {`string`} - \n\n  * `gradientElements` {`IgcCircularGradientComponent[]`} - \n\n  * `stroke` {`{ stroke: string; '--percentage': string; '--duration': string; }`} - \n\n  * `svgParts` {`{ indeterminate: boolean; }`} - \n\n  * `initialMax` {`number`} - \n\n  * `initialValue` {`number`} - \n\n  * `tick` {`number`} - \n\n  * `assignedElements` {`HTMLElement[]`} - \n\n  * `progressIndicator` {`Element`} - \n\n  * `percentage` {`number`} - \n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n  * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
-      "attributes": [
-        {
-          "name": "max",
-          "description": "`max` {`number`} - Maximum value of the control.\n\nProperty: max\n\nDefault: 100"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`number`} - The value of the control.\n\nProperty: value\n\nDefault: 0"
-        },
-        {
-          "name": "variant",
-          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\nProperty: variant\n\nDefault: primary",
-          "values": [
-            {
-              "name": "primary"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
-            },
-            {
-              "name": "danger"
-            }
-          ]
-        },
-        {
-          "name": "animation-duration",
-          "description": "`animation-duration` {`number`} - Animation duration in milliseconds.\n\nProperty: animationDuration\n\nDefault: 500"
-        },
-        {
-          "name": "indeterminate",
-          "description": "`indeterminate` {`boolean`} - The indeterminate state of the control.\n\nProperty: indeterminate\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-label",
-          "description": "`hide-label` {`boolean`} - Shows/hides the label of the control.\n\nProperty: hideLabel\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label-format",
-          "description": "`label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperty: labelFormat"
-        }
-      ]
-    },
-    {
-      "name": "igc-linear-progress",
-      "description": "A linear progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n  * ` ` {} - The text area container.\n\nAttributes:\n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `label-align` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n  * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-linear-progress\"`} - \n\n  * `styles` - \n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `labelAlign` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `wrapperParts` {`{ fill: boolean; striped: boolean; indeterminate: boolean; primary: boolean; success: boolean; danger: boolean; warning: boolean; info: boolean; }`} - \n\n  * `animInfo` {`{ width: string; '--duration': string; }`} - \n\n  * `initialMax` {`number`} - \n\n  * `initialValue` {`number`} - \n\n  * `tick` {`number`} - \n\n  * `assignedElements` {`HTMLElement[]`} - \n\n  * `progressIndicator` {`Element`} - \n\n  * `percentage` {`number`} - \n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n  * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
-      "attributes": [
-        {
-          "name": "striped",
-          "description": "`striped` {`boolean`} - Sets the striped look of the control.\n\nProperty: striped\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label-align",
-          "description": "`label-align` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\nProperty: labelAlign\n\nDefault: top-start",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "top-start"
-            },
-            {
-              "name": "top-end"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "bottom-start"
-            },
-            {
-              "name": "bottom-end"
-            }
-          ]
-        },
-        {
-          "name": "max",
-          "description": "`max` {`number`} - Maximum value of the control.\n\nProperty: max\n\nDefault: 100"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`number`} - The value of the control.\n\nProperty: value\n\nDefault: 0"
-        },
-        {
-          "name": "variant",
-          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\nProperty: variant\n\nDefault: primary",
-          "values": [
-            {
-              "name": "primary"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
-            },
-            {
-              "name": "danger"
-            }
-          ]
-        },
-        {
-          "name": "animation-duration",
-          "description": "`animation-duration` {`number`} - Animation duration in milliseconds.\n\nProperty: animationDuration\n\nDefault: 500"
-        },
-        {
-          "name": "indeterminate",
-          "description": "`indeterminate` {`boolean`} - The indeterminate state of the control.\n\nProperty: indeterminate\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-label",
-          "description": "`hide-label` {`boolean`} - Shows/hides the label of the control.\n\nProperty: hideLabel\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label-format",
-          "description": "`label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperty: labelFormat"
-        }
-      ]
-    },
-    {
-      "name": "igc-radio-group",
-      "description": "Attributes:\n\n  * `alignment` {`\"horizontal\" | \"vertical\"`} - Alignment of the radio controls inside this group.\n\nProperties:\n\n  * `tagName` {`\"igc-radio-group\"`} - \n\n  * `styles` - \n\n  * `alignment` {`\"horizontal\" | \"vertical\"`} - Alignment of the radio controls inside this group.",
-      "attributes": [
-        {
-          "name": "alignment",
-          "description": "`alignment` {`\"horizontal\" | \"vertical\"`} - Alignment of the radio controls inside this group.\n\nProperty: alignment\n\nDefault: vertical",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "igc-radio",
-      "description": "Events:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The radio label.\n\nAttributes:\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-radio\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `radioGroup` {`RadioQueryResult`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - ",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
-        },
-        {
-          "name": "checked",
-          "description": "`checked` {`boolean`} - The checked state of the control.\n\nProperty: checked\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "label-position",
-          "description": "`label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\nProperty: labelPosition\n\nDefault: after",
-          "values": [
-            {
-              "name": "before"
-            },
-            {
-              "name": "after"
-            }
-          ]
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the control's checked state changes."
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the control gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the control loses focus."
-        }
-      ]
-    },
-    {
-      "name": "igc-rating-symbol",
-      "description": "\nUsed when a custom icon/symbol/element needs to be passed to the igc-rating component.\n\nSlots:\n\n  * ` ` {} - Default slot for projected full symbols/icons.\n\n  * `empty` {} - Default slot for projected empty symbols/icons.\n\nProperties:\n\n  * `tagName` {`\"igc-rating-symbol\"`} - \n\n  * `styles` {`CSSResult[]`} - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-rating",
-      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n\nEvents:\n\n  * `igcChange` {} - Emitted when the value of the control changes.\n\n  * `igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\nAttributes:\n\n  * `max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\n  * `step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\n  * `label` {`string`} - The label of the control.\n\n  * `value-format` {`string`} - A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `single` {`boolean`} - Toggles single selection visual mode.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-rating\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `ratingSymbols` {`IgcRatingSymbolComponent[]`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `valueLabel` {`Node[]`} - \n\n  * `hoverValue` {`number`} - \n\n  * `hoverState` {`boolean`} - \n\n  * `isInteractive` {`boolean`} - \n\n  * `hasProjectedSymbols` {`boolean`} - \n\n  * `valueText` {`string`} - \n\n  * `max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\n  * `step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\n  * `label` {`string`} - The label of the control.\n\n  * `valueFormat` {`string`} - A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `hoverPreview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Sets the readonly state of the component\n\n  * `single` {`boolean`} - Toggles single selection visual mode.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<any>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "max",
-          "description": "`max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\nProperty: max\n\nDefault: 5"
-        },
-        {
-          "name": "step",
-          "description": "`step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\nProperty: step\n\nDefault: 1"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label of the control.\n\nProperty: label"
-        },
-        {
-          "name": "value-format",
-          "description": "`value-format` {`string`} - A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\nProperty: valueFormat"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`number`} - The current value of the component\n\nProperty: value\n\nDefault: 0"
-        },
-        {
-          "name": "hover-preview",
-          "description": "`hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\nProperty: hoverPreview\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "single",
-          "description": "`single` {`boolean`} - Toggles single selection visual mode.\n\nProperty: single\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the value of the control changes."
-        },
-        {
-          "name": "onigcHover",
-          "description": "`igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating."
-        }
-      ]
-    },
-    {
-      "name": "igc-ripple",
-      "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n  * `tagName` {`\"igc-ripple\"`} - \n\n  * `styles` - \n\n  * `handler` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-select-group",
-      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n  * `disabled` {`boolean`} - Whether the group item and all its children are disabled.\n\nProperties:\n\n  * `controlledItems` {`IgcSelectItemComponent[]`} - \n\n  * `activeItems` {`IgcSelectItemComponent[]`} - \n\n  * `disabled` {`boolean`} - Whether the group item and all its children are disabled.\n\n  * `observer` {`MutationObserver`} - \n\n  * `tagName` {`\"igc-select-group\"`} - \n\n  * `styles` - \n\n  * `parent` - \n\n  * `items` {`IgcSelectItemComponent[]`} - All child `igc-select-item`s.",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Whether the group item and all its children are disabled.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-select-header",
-      "description": "Slots:\n\n  * ` ` {} - Renders the header.\n\nProperties:\n\n  * `tagName` {`\"igc-select-header\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-select-item",
-      "description": "Represents an item in a select list.\n\nSlots:\n\n  * ` ` {} - Renders the all content bar the prefix and suffix.\n\n  * `prefix` {} - Renders content before the main content area.\n\n  * `suffix` {} - Renders content after the main content area.\n\nAttributes:\n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperties:\n\n  * `content` {`Element[]`} - \n\n  * `textContent` {`string`} - Returns the text of the item without the prefix and suffix content.\n\n  * `tagName` {`\"igc-select-item\"`} - \n\n  * `styles` - \n\n  * `_value` {`string`} - \n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "`value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\nProperty: value"
-        },
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - Determines whether the item is selected.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Determines whether the item is active.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-select",
-      "description": "Events:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `value` {`string | undefined`} - The value attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `searchTerm` {`string`} - \n\n  * `lastKeyTime` {`number`} - \n\n  * `targetKeyHandlers` {`Map<string, Function>`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `value` {`string | undefined`} - The value attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - \n\n  * `tagName` {`\"igc-select\"`} - \n\n  * `styles` - \n\n  * `selectedItem` - \n\n  * `activeItem` - \n\n  * `target` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `allItems` {`IgcDropdownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcSelectItemComponent[]`} - \n\n  * `groups` {`IgcSelectGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "`value` {`string | undefined`} - The value attribute of the control.\n\nProperty: value",
-          "values": []
-        },
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - The outlined attribute of the control.\n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "autofocus",
-          "description": "`autofocus` {`boolean`} - The autofocus attribute of the control.\n\nProperty: autofocus",
-          "valueSet": "v"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label attribute of the control.\n\nProperty: label"
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "keep-open-on-select",
-          "description": "`keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\nProperty: keepOpenOnSelect\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "scroll-strategy",
-          "description": "`scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\nProperty: scrollStrategy\n\nDefault: scroll",
-          "values": [
-            {
-              "name": "scroll"
-            },
-            {
-              "name": "block"
-            },
-            {
-              "name": "close"
-            }
-          ]
-        },
-        {
-          "name": "keep-open-on-outside-click",
-          "description": "`keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\nProperty: keepOpenOnOutsideClick\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Sets the open state of the component.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "placement",
-          "description": "`placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\nProperty: placement\n\nDefault: bottom-start",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "top-start"
-            },
-            {
-              "name": "top-end"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "bottom-start"
-            },
-            {
-              "name": "bottom-end"
-            },
-            {
-              "name": "right"
-            },
-            {
-              "name": "right-start"
-            },
-            {
-              "name": "right-end"
-            },
-            {
-              "name": "left"
-            },
-            {
-              "name": "left-start"
-            },
-            {
-              "name": "left-end"
-            }
-          ]
-        },
-        {
-          "name": "position-strategy",
-          "description": "`position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\nProperty: positionStrategy\n\nDefault: fixed",
-          "values": [
-            {
-              "name": "absolute"
-            },
-            {
-              "name": "fixed"
-            }
-          ]
-        },
-        {
-          "name": "flip",
-          "description": "`flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\nProperty: flip\n\nDefault: true",
-          "valueSet": "v"
-        },
-        {
-          "name": "distance",
-          "description": "`distance` {`number`} - The distance from the target element.\n\nProperty: distance\n\nDefault: 0"
-        },
-        {
-          "name": "same-width",
-          "description": "`same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\nProperty: sameWidth\n\nDefault: true",
-          "valueSet": "v"
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the selected item changes."
-        },
-        {
-          "name": "onigcOpening",
-          "description": "`igcOpening` {} - Emitted just before the dropdown is open."
-        },
-        {
-          "name": "onigcOpened",
-          "description": "`igcOpened` {} - Emitted after the dropdown is open."
-        },
-        {
-          "name": "onigcClosing",
-          "description": "`igcClosing` {} - Emitter just before the dropdown is closed."
-        },
-        {
-          "name": "onigcClosed",
-          "description": "`igcClosed` {} - Emitted after closing the dropdown."
-        }
-      ]
-    },
-    {
-      "name": "igc-range-slider",
-      "description": "A range slider component used to select two numeric values within a range.\n\nEvents:\n\n  * `igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction.\n\n  * `igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\nAttributes:\n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `aria-label-lower` {`string`} - The aria label of the lower thumb.\n\n  * `aria-label-upper` {`string`} - The aria label of the upper thumb.\n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\n  * `hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-range-slider\"`} - \n\n  * `thumbFrom` {`HTMLElement`} - \n\n  * `thumbTo` {`HTMLElement`} - \n\n  * `_lower` {`number`} - \n\n  * `_upper` {`number`} - \n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `ariaLabelLower` {`string`} - The aria label of the lower thumb.\n\n  * `ariaLabelUpper` {`string`} - The aria label of the upper thumb.\n\n  * `styles` - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
-      "attributes": [
-        {
-          "name": "lower",
-          "description": "`lower` {`number`} - The current value of the lower thumb.\n\nProperty: lower"
-        },
-        {
-          "name": "upper",
-          "description": "`upper` {`number`} - The current value of the upper thumb.\n\nProperty: upper"
-        },
-        {
-          "name": "aria-label-lower",
-          "description": "`aria-label-lower` {`string`} - The aria label of the lower thumb.\n\nProperty: ariaLabelLower"
-        },
-        {
-          "name": "aria-label-upper",
-          "description": "`aria-label-upper` {`string`} - The aria label of the upper thumb.\n\nProperty: ariaLabelUpper"
-        },
-        {
-          "name": "min",
-          "description": "`min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\nProperty: min"
-        },
-        {
-          "name": "max",
-          "description": "`max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\nProperty: max"
-        },
-        {
-          "name": "lower-bound",
-          "description": "`lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\nProperty: lowerBound",
-          "values": []
-        },
-        {
-          "name": "upper-bound",
-          "description": "`upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\nProperty: upperBound",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disables the UI interactions of the slider.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "discrete-track",
-          "description": "`discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\nProperty: discreteTrack\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-tooltip",
-          "description": "`hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\nProperty: hideTooltip\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "step",
-          "description": "`step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\nProperty: step"
-        },
-        {
-          "name": "primary-ticks",
-          "description": "`primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\nProperty: primaryTicks\n\nDefault: 0"
-        },
-        {
-          "name": "secondary-ticks",
-          "description": "`secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\nProperty: secondaryTicks\n\nDefault: 0"
-        },
-        {
-          "name": "tick-orientation",
-          "description": "`tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\nProperty: tickOrientation\n\nDefault: end",
-          "values": [
-            {
-              "name": "start"
-            },
-            {
-              "name": "end"
-            },
-            {
-              "name": "mirror"
-            }
-          ]
-        },
-        {
-          "name": "hide-primary-labels",
-          "description": "`hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\nProperty: hidePrimaryLabels\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-secondary-labels",
-          "description": "`hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\nProperty: hideSecondaryLabels\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "locale",
-          "description": "`locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\nProperty: locale\n\nDefault: en"
-        },
-        {
-          "name": "value-format",
-          "description": "`value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\nProperty: valueFormat",
-          "values": []
-        },
-        {
-          "name": "tick-label-rotation",
-          "description": "`tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperty: tickLabelRotation\n\nDefault: 0",
-          "values": [
-            {
-              "name": "0"
-            },
-            {
-              "name": "90"
-            },
-            {
-              "name": "-90"
-            }
-          ]
-        },
-        {
-          "name": "onigcInput",
-          "description": "`igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction."
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction."
-        }
-      ]
-    },
-    {
-      "name": "igc-slider-label",
-      "description": "Properties:\n\n  * `tagName` {`\"igc-slider-label\"`} - \n\n  * `styles` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-slider",
-      "description": "A slider component used to select numeric value within a range.\n\nEvents:\n\n  * `igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction.\n\n  * `igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\nAttributes:\n\n  * `value` {`number`} - The current value of the component.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\n  * `hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-slider\"`} - \n\n  * `value` {`number`} - The current value of the component.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<any>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - \n\n  * `styles` - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "`value` {`number`} - The current value of the component.\n\nProperty: value\n\nDefault: 0"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "min",
-          "description": "`min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\nProperty: min"
-        },
-        {
-          "name": "max",
-          "description": "`max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\nProperty: max"
-        },
-        {
-          "name": "lower-bound",
-          "description": "`lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\nProperty: lowerBound",
-          "values": []
-        },
-        {
-          "name": "upper-bound",
-          "description": "`upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\nProperty: upperBound",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "discrete-track",
-          "description": "`discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\nProperty: discreteTrack\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-tooltip",
-          "description": "`hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\nProperty: hideTooltip\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "step",
-          "description": "`step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\nProperty: step"
-        },
-        {
-          "name": "primary-ticks",
-          "description": "`primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\nProperty: primaryTicks\n\nDefault: 0"
-        },
-        {
-          "name": "secondary-ticks",
-          "description": "`secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\nProperty: secondaryTicks\n\nDefault: 0"
-        },
-        {
-          "name": "tick-orientation",
-          "description": "`tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\nProperty: tickOrientation\n\nDefault: end",
-          "values": [
-            {
-              "name": "start"
-            },
-            {
-              "name": "end"
-            },
-            {
-              "name": "mirror"
-            }
-          ]
-        },
-        {
-          "name": "hide-primary-labels",
-          "description": "`hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\nProperty: hidePrimaryLabels\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-secondary-labels",
-          "description": "`hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\nProperty: hideSecondaryLabels\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "locale",
-          "description": "`locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\nProperty: locale\n\nDefault: en"
-        },
-        {
-          "name": "value-format",
-          "description": "`value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\nProperty: valueFormat",
-          "values": []
-        },
-        {
-          "name": "tick-label-rotation",
-          "description": "`tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperty: tickLabelRotation\n\nDefault: 0",
-          "values": [
-            {
-              "name": "0"
-            },
-            {
-              "name": "90"
-            },
-            {
-              "name": "-90"
-            }
-          ]
-        },
-        {
-          "name": "onigcInput",
-          "description": "`igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction."
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction."
-        }
-      ]
-    },
-    {
-      "name": "igc-snackbar",
-      "description": "A snackbar component is used to provide feedback about an operation\nby showing a brief message at the bottom of the screen.\n\nEvents:\n\n  * `igcAction` {} - Emitted when the snackbar action button is clicked.\n\nSlots:\n\n  * ` ` {} - Renders the snackbar content.\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `display-time` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keep-open` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `position` {`\"top\" | \"bottom\" | \"middle\"`} - Sets the position of the snackbar.\n\n  * `action-text` {`string`} - The snackbar action button.\n\nProperties:\n\n  * `tagName` {`\"igc-snackbar\"`} - \n\n  * `styles` - \n\n  * `autoHideTimeout` {`number`} - \n\n  * `animationPlayer` - \n\n  * `content` {`HTMLElement`} - \n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `displayTime` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keepOpen` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `position` {`\"top\" | \"bottom\" | \"middle\"`} - Sets the position of the snackbar.\n\n  * `actionText` {`string`} - The snackbar action button.",
-      "attributes": [
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Determines whether the snackbar is opened.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "display-time",
-          "description": "`display-time` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\nProperty: displayTime\n\nDefault: 4000"
-        },
-        {
-          "name": "keep-open",
-          "description": "`keep-open` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\nProperty: keepOpen\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "position",
-          "description": "`position` {`\"top\" | \"bottom\" | \"middle\"`} - Sets the position of the snackbar.\n\nProperty: position\n\nDefault: bottom",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "middle"
-            }
-          ]
-        },
-        {
-          "name": "action-text",
-          "description": "`action-text` {`string`} - The snackbar action button.\n\nProperty: actionText"
-        },
-        {
-          "name": "onigcAction",
-          "description": "`igcAction` {} - Emitted when the snackbar action button is clicked."
-        }
-      ]
-    },
-    {
-      "name": "igc-step",
-      "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.\n\nEvents:\n\n  * `stepActiveChanged` {`CustomEvent<boolean>`} - \n\n  * `stepDisabledInvalidChanged` {`CustomEvent<unknown>`} - \n\n  * `stepCompleteChanged` {`CustomEvent<unknown>`} - \n\n  * `stepHeaderKeydown` {`CustomEvent<{ event: KeyboardEvent; focusedStep: this; }>`} - \n\nSlots:\n\n  * ` ` {} - Renders the content of the step.\n\n  * `indicator` {} - Renders the indicator of the step. By default, it displays the step index + 1.\n\n  * `title` {} - Renders the title of the step.\n\n  * `subtitle` {} - Renders the subtitle of the step.\n\nAttributes:\n\n  * `invalid` {`boolean`} - Gets/sets whether the step is invalid.\n\n  * `active` {`boolean`} - Gets/sets whether the step is activе.\n\n  * `optional` {`boolean`} - Gets/sets whether the step is optional.\n\n  * `disabled` {`boolean`} - Gets/sets whether the step is interactable.\n\n  * `complete` {`boolean`} - Gets/sets whether the step is completed.\n\nProperties:\n\n  * `tagName` {`\"igc-step\"`} - \n\n  * `styles` - \n\n  * `animationPlayer` - \n\n  * `_titleChildren` {`HTMLElement[]`} - \n\n  * `_subTitleChildren` {`HTMLElement[]`} - \n\n  * `header` {`HTMLElement`} - \n\n  * `contentBody` {`HTMLElement`} - \n\n  * `body` {`HTMLElement`} - \n\n  * `invalid` {`boolean`} - Gets/sets whether the step is invalid.\n\n  * `active` {`boolean`} - Gets/sets whether the step is activе.\n\n  * `optional` {`boolean`} - Gets/sets whether the step is optional.\n\n  * `disabled` {`boolean`} - Gets/sets whether the step is interactable.\n\n  * `complete` {`boolean`} - Gets/sets whether the step is completed.\n\n  * `previousComplete` {`boolean`} - \n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - \n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - \n\n  * `orientation` {`\"horizontal\" | \"vertical\"`} - \n\n  * `index` {`number`} - \n\n  * `contentTop` {`boolean`} - \n\n  * `linearDisabled` {`boolean`} - \n\n  * `visited` {`boolean`} - \n\n  * `animation` {`Animation`} - \n\n  * `animationDuration` {`number`} - \n\n  * `isAccessible` {`boolean`} - \n\n  * `headerContainerParts` {`{ 'header-container': boolean; disabled: boolean; 'complete-start': boolean; 'complete-end': boolean; optional: boolean; invalid: boolean; top: boolean; bottom: boolean; start: boolean; end: boolean; }`} - \n\n  * `textParts` {`{ text: boolean; empty: boolean; }`} - ",
-      "attributes": [
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Gets/sets whether the step is invalid.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Gets/sets whether the step is activе.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "optional",
-          "description": "`optional` {`boolean`} - Gets/sets whether the step is optional.\n\nProperty: optional\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Gets/sets whether the step is interactable.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "complete",
-          "description": "`complete` {`boolean`} - Gets/sets whether the step is completed.\n\nProperty: complete\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onstepActiveChanged",
-          "description": "`stepActiveChanged` {`CustomEvent<boolean>`} - "
-        },
-        {
-          "name": "onstepDisabledInvalidChanged",
-          "description": "`stepDisabledInvalidChanged` {`CustomEvent<unknown>`} - "
-        },
-        {
-          "name": "onstepCompleteChanged",
-          "description": "`stepCompleteChanged` {`CustomEvent<unknown>`} - "
-        },
-        {
-          "name": "onstepHeaderKeydown",
-          "description": "`stepHeaderKeydown` {`CustomEvent<{ event: KeyboardEvent; focusedStep: this; }>`} - "
-        }
-      ]
-    },
-    {
-      "name": "igc-stepper",
-      "description": "IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n\nEvents:\n\n  * `igcActiveStepChanging` {} - Emitted when the active step is about to change.\n\n  * `igcActiveStepChanged` {} - Emitted when the active step is changed.\n\nSlots:\n\n  * ` ` {} - Renders the step components inside default slot.\n\nAttributes:\n\n  * `orientation` {`\"horizontal\" | \"vertical\"`} - Gets/Sets the orientation of the stepper.\n\n  * `step-type` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `content-top` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `vertical-animation` {`\"none\" | \"grow\" | \"fade\"`} - The animation type when in vertical mode.\n\n  * `horizontal-animation` {`\"none\" | \"fade\" | \"slide\"`} - The animation type when in horizontal mode.\n\n  * `animation-duration` {`number`} - The animation duration in either vertical or horizontal mode.\n\n  * `title-position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\nProperties:\n\n  * `tagName` {`\"igc-stepper\"`} - \n\n  * `styles` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `activeStep` - \n\n  * `steps` {`IgcStepComponent[]`} - Returns all of the stepper's steps.\n\n  * `orientation` {`\"horizontal\" | \"vertical\"`} - Gets/Sets the orientation of the stepper.\n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `contentTop` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `verticalAnimation` {`\"none\" | \"grow\" | \"fade\"`} - The animation type when in vertical mode.\n\n  * `horizontalAnimation` {`\"none\" | \"fade\" | \"slide\"`} - The animation type when in horizontal mode.\n\n  * `animationDuration` {`number`} - The animation duration in either vertical or horizontal mode.\n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.",
-      "attributes": [
-        {
-          "name": "orientation",
-          "description": "`orientation` {`\"horizontal\" | \"vertical\"`} - Gets/Sets the orientation of the stepper.\n\nProperty: orientation\n\nDefault: horizontal",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        },
-        {
-          "name": "step-type",
-          "description": "`step-type` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\nProperty: stepType\n\nDefault: full",
-          "values": [
-            {
-              "name": "indicator"
-            },
-            {
-              "name": "title"
-            },
-            {
-              "name": "full"
-            }
-          ]
-        },
-        {
-          "name": "linear",
-          "description": "`linear` {`boolean`} - Get/Set whether the stepper is linear.\n\nProperty: linear\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "content-top",
-          "description": "`content-top` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\nProperty: contentTop\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "vertical-animation",
-          "description": "`vertical-animation` {`\"none\" | \"grow\" | \"fade\"`} - The animation type when in vertical mode.\n\nProperty: verticalAnimation\n\nDefault: grow",
-          "values": [
-            {
-              "name": "none"
-            },
-            {
-              "name": "grow"
-            },
-            {
-              "name": "fade"
-            }
-          ]
-        },
-        {
-          "name": "horizontal-animation",
-          "description": "`horizontal-animation` {`\"none\" | \"fade\" | \"slide\"`} - The animation type when in horizontal mode.\n\nProperty: horizontalAnimation\n\nDefault: slide",
-          "values": [
-            {
-              "name": "none"
-            },
-            {
-              "name": "fade"
-            },
-            {
-              "name": "slide"
-            }
-          ]
-        },
-        {
-          "name": "animation-duration",
-          "description": "`animation-duration` {`number`} - The animation duration in either vertical or horizontal mode.\n\nProperty: animationDuration\n\nDefault: 320"
-        },
-        {
-          "name": "title-position",
-          "description": "`title-position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\nProperty: titlePosition",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "start"
-            },
-            {
-              "name": "end"
-            }
-          ]
-        },
-        {
-          "name": "onigcActiveStepChanging",
-          "description": "`igcActiveStepChanging` {} - Emitted when the active step is about to change."
-        },
-        {
-          "name": "onigcActiveStepChanged",
-          "description": "`igcActiveStepChanged` {} - Emitted when the active step is changed."
-        }
-      ]
-    },
-    {
-      "name": "igc-tab-panel",
-      "description": "Represents the content of a tab\n\nSlots:\n\n  * ` ` {} - Renders the content.\n\nProperties:\n\n  * `tagName` {`\"igc-tab-panel\"`} - \n\n  * `styles` - \n\n  * `increment` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-tab",
-      "description": "Represents the tab header.\n\nSlots:\n\n  * `prefix` {} - Renders before the tab header content.\n\n  * ` ` {} - Renders the tab header content.\n\n  * `suffix` {} - Renders after the tab header content.\n\nAttributes:\n\n  * `panel` {`string`} - The id of the tab panel which will be controlled by the tab.\n\n  * `selected` {`boolean`} - Determines whether the tab is selected.\n\n  * `disabled` {`boolean`} - Determines whether the tab is disabled.\n\nProperties:\n\n  * `tagName` {`\"igc-tab\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `tab` {`HTMLElement`} - \n\n  * `panel` {`string`} - The id of the tab panel which will be controlled by the tab.\n\n  * `selected` {`boolean`} - Determines whether the tab is selected.\n\n  * `disabled` {`boolean`} - Determines whether the tab is disabled.",
-      "attributes": [
-        {
-          "name": "panel",
-          "description": "`panel` {`string`} - The id of the tab panel which will be controlled by the tab.\n\nProperty: panel\n\nDefault: "
-        },
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - Determines whether the tab is selected.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Determines whether the tab is disabled.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
-    {
-      "name": "igc-tabs",
-      "description": "Represents tabs component\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected tab changes.\n\nSlots:\n\n  * ` ` {} - Renders the tab header.\n\n  * `panel` {} - Renders the tab content.\n\nAttributes:\n\n  * `alignment` {`\"start\" | \"end\" | \"center\" | \"justify\"`} - Sets the alignment for the tab headers\n\n  * `activation` {`\"manual\" | \"auto\"`} - Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n\nProperties:\n\n  * `tagName` {`\"igc-tabs\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `tabs` {`IgcTabComponent[]`} - \n\n  * `panels` {`IgcTabPanelComponent[]`} - \n\n  * `wrapper` {`HTMLElement`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `selectedIndicator` {`HTMLElement`} - \n\n  * `showScrollButtons` {`boolean`} - \n\n  * `disableStartScrollButton` {`boolean`} - \n\n  * `disableEndScrollButton` {`boolean`} - \n\n  * `activeTab` - \n\n  * `resizeObserver` {`ResizeObserver`} - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `enabledTabs` {`IgcTabComponent[]`} - \n\n  * `selected` {`string`} - Returns the currently selected tab.\n\n  * `alignment` {`\"start\" | \"end\" | \"center\" | \"justify\"`} - Sets the alignment for the tab headers\n\n  * `activation` {`\"manual\" | \"auto\"`} - Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n\n  * `handleKeyDown` - ",
-      "attributes": [
-        {
-          "name": "alignment",
-          "description": "`alignment` {`\"start\" | \"end\" | \"center\" | \"justify\"`} - Sets the alignment for the tab headers\n\nProperty: alignment\n\nDefault: start",
-          "values": [
-            {
-              "name": "start"
-            },
-            {
-              "name": "end"
-            },
-            {
-              "name": "center"
-            },
-            {
-              "name": "justify"
-            }
-          ]
-        },
-        {
-          "name": "activation",
-          "description": "`activation` {`\"manual\" | \"auto\"`} - Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n\nProperty: activation\n\nDefault: auto",
-          "values": [
-            {
-              "name": "manual"
-            },
-            {
-              "name": "auto"
-            }
-          ]
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the selected tab changes."
-        }
-      ]
-    },
-    {
-      "name": "igc-textarea",
-      "description": "This element represents a multi-line plain-text editing control,\nuseful when you want to allow users to enter a sizeable amount of free-form text,\nfor example a comment on a review or feedback form.\n\nEvents:\n\n  * `igcInput` {} - Emitted when the control receives user input.\n\n  * `igcChange` {} - Emitted when the a change to the control value is committed by the user.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - Text content from the default slot will be used as the value of the component.\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `autocomplete` {`string`} - Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\nRefer to [this page](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"text\" | \"url\" | \"decimal\"`} - Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n\n  * `label` {`string`} - The label for the control.\n\n  * `maxlength` {`number`} - The maximum number of characters (UTF-16 code units) that the user can enter.\nIf this value isn't specified, the user can enter an unlimited number of characters.\n\n  * `minlength` {`number`} - The minimum number of characters (UTF-16 code units) required that the user should enter.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `resize` {`\"vertical\" | \"none\" | \"auto\"`} - Controls whether the control can be resized.\nWhen `auto` is set, the control will try to expand and fit its content.\n\n  * `rows` {`number`} - The number of visible text lines for the control. If it is specified, it must be a positive integer.\nIf it is not specified, the default value is 2.\n\n  * `value` {`string`} - The value of the component\n\n  * `spellcheck` {`boolean`} - Controls whether the element may be checked for spelling errors.\n\n  * `wrap` {`\"off\" | \"hard\" | \"soft\"`} - Indicates how the control should wrap the value for form submission.\nRefer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes)\nfor explanation of the available values.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-textarea\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `observer` {`ResizeObserver`} - \n\n  * `projected` {`Node[]`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `input` {`HTMLTextAreaElement`} - \n\n  * `resizeStyles` {`StyleInfo`} - \n\n  * `autocomplete` {`string`} - Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\nRefer to [this page](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).\n\n  * `inputMode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"text\" | \"url\" | \"decimal\"`} - Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n\n  * `label` {`string`} - The label for the control.\n\n  * `maxLength` {`number`} - The maximum number of characters (UTF-16 code units) that the user can enter.\nIf this value isn't specified, the user can enter an unlimited number of characters.\n\n  * `minLength` {`number`} - The minimum number of characters (UTF-16 code units) required that the user should enter.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `resize` {`\"vertical\" | \"none\" | \"auto\"`} - Controls whether the control can be resized.\nWhen `auto` is set, the control will try to expand and fit its content.\n\n  * `rows` {`number`} - The number of visible text lines for the control. If it is specified, it must be a positive integer.\nIf it is not specified, the default value is 2.\n\n  * `value` {`string`} - The value of the component\n\n  * `spellcheck` {`boolean`} - Controls whether the element may be checked for spelling errors.\n\n  * `wrap` {`\"off\" | \"hard\" | \"soft\"`} - Indicates how the control should wrap the value for form submission.\nRefer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes)\nfor explanation of the available values.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `__internals` - ",
-      "attributes": [
-        {
-          "name": "autocomplete",
-          "description": "`autocomplete` {`string`} - Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\nRefer to [this page](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.\n\nProperty: autocomplete"
-        },
-        {
-          "name": "autocapitalize",
-          "description": "`autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).\n\nProperty: autocapitalize",
-          "values": [
-            {
-              "name": "none"
-            },
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            },
-            {
-              "name": "sentences"
-            },
-            {
-              "name": "words"
-            },
-            {
-              "name": "characters"
-            }
-          ]
-        },
-        {
-          "name": "inputmode",
-          "description": "`inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"text\" | \"url\" | \"decimal\"`} - Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n\nProperty: inputMode",
-          "values": [
-            {
-              "name": "numeric"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "email"
-            },
-            {
-              "name": "search"
-            },
-            {
-              "name": "tel"
-            },
-            {
-              "name": "text"
-            },
-            {
-              "name": "url"
-            },
-            {
-              "name": "decimal"
-            }
-          ]
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
-        },
-        {
-          "name": "maxlength",
-          "description": "`maxlength` {`number`} - The maximum number of characters (UTF-16 code units) that the user can enter.\nIf this value isn't specified, the user can enter an unlimited number of characters.\n\nProperty: maxLength"
-        },
-        {
-          "name": "minlength",
-          "description": "`minlength` {`number`} - The minimum number of characters (UTF-16 code units) required that the user should enter.\n\nProperty: minLength"
-        },
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - Whether the control will have outlined appearance.\n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
-        },
-        {
-          "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "resize",
-          "description": "`resize` {`\"vertical\" | \"none\" | \"auto\"`} - Controls whether the control can be resized.\nWhen `auto` is set, the control will try to expand and fit its content.\n\nProperty: resize\n\nDefault: vertical",
-          "values": [
-            {
-              "name": "vertical"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "auto"
-            }
-          ]
-        },
-        {
-          "name": "rows",
-          "description": "`rows` {`number`} - The number of visible text lines for the control. If it is specified, it must be a positive integer.\nIf it is not specified, the default value is 2.\n\nProperty: rows\n\nDefault: 2"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value of the component\n\nProperty: value\n\nDefault: "
-        },
-        {
-          "name": "spellcheck",
-          "description": "`spellcheck` {`boolean`} - Controls whether the element may be checked for spelling errors.\n\nProperty: spellcheck\n\nDefault: true",
-          "valueSet": "v"
-        },
-        {
-          "name": "wrap",
-          "description": "`wrap` {`\"off\" | \"hard\" | \"soft\"`} - Indicates how the control should wrap the value for form submission.\nRefer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes)\nfor explanation of the available values.\n\nProperty: wrap\n\nDefault: soft",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "hard"
-            },
-            {
-              "name": "soft"
-            }
-          ]
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "onigcInput",
-          "description": "`igcInput` {} - Emitted when the control receives user input."
-        },
-        {
-          "name": "onigcChange",
-          "description": "`igcChange` {} - Emitted when the a change to the control value is committed by the user."
-        },
-        {
-          "name": "onigcFocus",
-          "description": "`igcFocus` {} - Emitted when the control gains focus."
-        },
-        {
-          "name": "onigcBlur",
-          "description": "`igcBlur` {} - Emitted when the control loses focus."
-        }
-      ]
-    },
-    {
-      "name": "igc-toast",
-      "description": "A toast component is used to show a notification\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `display-time` {`number`} - Determines the time after which the toast will close\n\n  * `keep-open` {`boolean`} - Determines whether the toast is closed automatically or not.\n\n  * `position` {`\"top\" | \"bottom\" | \"middle\"`} - Sets the position of the toast.\n\nProperties:\n\n  * `tagName` {`\"igc-toast\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `displayTimeout` - \n\n  * `animationPlayer` - \n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `displayTime` {`number`} - Determines the time after which the toast will close\n\n  * `keepOpen` {`boolean`} - Determines whether the toast is closed automatically or not.\n\n  * `position` {`\"top\" | \"bottom\" | \"middle\"`} - Sets the position of the toast.",
-      "attributes": [
-        {
-          "name": "open",
-          "description": "`open` {`boolean`} - Determines whether the toast is opened.\n\nProperty: open\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "display-time",
-          "description": "`display-time` {`number`} - Determines the time after which the toast will close\n\nProperty: displayTime\n\nDefault: 4000"
-        },
-        {
-          "name": "keep-open",
-          "description": "`keep-open` {`boolean`} - Determines whether the toast is closed automatically or not.\n\nProperty: keepOpen\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "position",
-          "description": "`position` {`\"top\" | \"bottom\" | \"middle\"`} - Sets the position of the toast.\n\nProperty: position\n\nDefault: bottom",
-          "values": [
-            {
-              "name": "top"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "middle"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "test-popper",
-      "description": "Properties:\n\n  * `toggleDirective` - ",
-      "attributes": []
-    },
-    {
-      "name": "igc-tree-item",
-      "description": "The tree-item component represents a child item of the tree component or another tree item.\n\nSlots:\n\n  * ` ` {} - Renders nested tree-item component.\n\n  * `label` {} - Renders the tree item container.\n\n  * `indicator` {} - Renders the expand indicator container.\n\n  * `loading` {} - Renders the tree item loading indicator container.\n\n  * `indentation` {} - Renders the container (by default the space) before the tree item.\n\nAttributes:\n\n  * `label` {`string`} - The tree item label.\n\n  * `expanded` {`boolean`} - The tree item expansion state.\n\n  * `active` {`boolean`} - Marks the item as the tree's active item.\n\n  * `disabled` {`boolean`} - Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.\n\n  * `selected` {`boolean`} - The tree item selection state.\n\n  * `loading` {`boolean`} - To be used for load-on-demand scenarios in order to specify whether the item is loading data.\n\n  * `value` - The value entry that the tree item is visualizing. Required for searching through items.\n\nProperties:\n\n  * `tagName` {`\"igc-tree-item\"`} - \n\n  * `styles` - \n\n  * `tabbableEl` {`HTMLElement[] | undefined`} - \n\n  * `focusedProgrammatically` {`boolean`} - \n\n  * `animationPlayer` - \n\n  * `tree` - A reference to the tree the item is a part of.\n\n  * `parent` - The parent item of the current tree item (if any)\n\n  * `init` {`boolean`} - \n\n  * `contentList` {`HTMLElement[]`} - \n\n  * `wrapper` {`HTMLElement`} - \n\n  * `group` {`HTMLElement`} - \n\n  * `isFocused` {`boolean`} - \n\n  * `hasChildren` {`boolean`} - \n\n  * `level` {`number`} - The depth of the item, relative to the root.\n\n  * `indeterminate` {`boolean`} - \n\n  * `label` {`string`} - The tree item label.\n\n  * `expanded` {`boolean`} - The tree item expansion state.\n\n  * `active` {`boolean`} - Marks the item as the tree's active item.\n\n  * `disabled` {`boolean`} - Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.\n\n  * `selected` {`boolean`} - The tree item selection state.\n\n  * `loading` {`boolean`} - To be used for load-on-demand scenarios in order to specify whether the item is loading data.\n\n  * `value` - The value entry that the tree item is visualizing. Required for searching through items.\n\n  * `selectionService` - \n\n  * `navService` - \n\n  * `parts` {`{ selected: boolean; focused: boolean; active: boolean; }`} - \n\n  * `directChildren` {`IgcTreeItemComponent[]`} - \n\n  * `allChildren` {`IgcTreeItemComponent[]`} - \n\n  * `path` {`IgcTreeItemComponent[]`} - The full path to the tree item, starting from the top-most ancestor.",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The tree item label.\n\nProperty: label\n\nDefault: "
-        },
-        {
-          "name": "expanded",
-          "description": "`expanded` {`boolean`} - The tree item expansion state.\n\nProperty: expanded\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "active",
-          "description": "`active` {`boolean`} - Marks the item as the tree's active item.\n\nProperty: active\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "selected",
-          "description": "`selected` {`boolean`} - The tree item selection state.\n\nProperty: selected\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "loading",
-          "description": "`loading` {`boolean`} - To be used for load-on-demand scenarios in order to specify whether the item is loading data.\n\nProperty: loading\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "value",
-          "description": "`value` - The value entry that the tree item is visualizing. Required for searching through items.\n\nProperty: value\n\nDefault: undefined"
-        }
-      ]
-    },
-    {
-      "name": "igc-tree",
-      "description": "The tree allows users to represent hierarchical data in a tree-view structure,\nmaintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.\n\nEvents:\n\n  * `igcSelection` {} - Emitted when item selection is changing, before the selection completes.\n\n  * `igcItemCollapsed` {} - Emitted when tree item is collapsed.\n\n  * `igcItemCollapsing` {} - Emitted when tree item is about to collapse.\n\n  * `igcItemExpanded` {} - Emitted when tree item is expanded.\n\n  * `igcItemExpanding` {} - Emitted when tree item is about to expand.\n\n  * `igcItemActivated` {} - Emitted when the tree's `active` item changes.\n\nSlots:\n\n  * ` ` {} - Renders the tree items inside default slot.\n\nAttributes:\n\n  * `single-branch-expand` {`boolean`} - Whether a single or multiple of a parent's child items can be expanded.\n\n  * `selection` {`\"multiple\" | \"none\" | \"cascade\"`} - The selection state of the tree.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-tree\"`} - \n\n  * `styles` - \n\n  * `singleBranchExpand` {`boolean`} - Whether a single or multiple of a parent's child items can be expanded.\n\n  * `selection` {`\"multiple\" | \"none\" | \"cascade\"`} - The selection state of the tree.\n\n  * `items` {`IgcTreeItemComponent[]`} - Returns all of the tree's items.\n\n  * `selectionService` - \n\n  * `navService` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
-      "attributes": [
-        {
-          "name": "single-branch-expand",
-          "description": "`single-branch-expand` {`boolean`} - Whether a single or multiple of a parent's child items can be expanded.\n\nProperty: singleBranchExpand\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "selection",
-          "description": "`selection` {`\"multiple\" | \"none\" | \"cascade\"`} - The selection state of the tree.\n\nProperty: selection\n\nDefault: none",
-          "values": [
-            {
-              "name": "multiple"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "cascade"
-            }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        },
-        {
-          "name": "onigcSelection",
-          "description": "`igcSelection` {} - Emitted when item selection is changing, before the selection completes."
-        },
-        {
-          "name": "onigcItemCollapsed",
-          "description": "`igcItemCollapsed` {} - Emitted when tree item is collapsed."
-        },
-        {
-          "name": "onigcItemCollapsing",
-          "description": "`igcItemCollapsing` {} - Emitted when tree item is about to collapse."
-        },
-        {
-          "name": "onigcItemExpanded",
-          "description": "`igcItemExpanded` {} - Emitted when tree item is expanded."
-        },
-        {
-          "name": "onigcItemExpanding",
-          "description": "`igcItemExpanding` {} - Emitted when tree item is about to expand."
-        },
-        {
-          "name": "onigcItemActivated",
-          "description": "`igcItemActivated` {} - Emitted when the tree's `active` item changes."
-        }
-      ]
-    }
-  ],
-  "globalAttributes": [],
-  "valueSets": []
-}