igniteui-webcomponents 1.0.0-beta.3 → 2.0.0-beta.1

package/vscode-html-custom-data.json

@@ -3,7 +3,7 @@
   "tags": [
     {
       "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` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \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; small: boolean; medium: boolean; large: boolean; }`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "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` {`CSSResult[]`} - \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; small: boolean; medium: boolean; large: boolean; }`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "src",
@@ -40,11 +40,11 @@
     },
     {
       "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\" | undefined`} - The type of badge.\n\n  * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n  * `shape` {`\"rounded\" | \"square\" | undefined`} - The shape of the badge.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined`} - The type of badge.\n\n  * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n  * `shape` {`\"rounded\" | \"square\" | undefined`} - The shape of the badge.\n\n  * `classes` {`{ primary: boolean; info: boolean; success: boolean; warning: boolean; danger: boolean; rounded: boolean; square: boolean; outlined: boolean; }`} - ",
+      "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` {`CSSResult`} - \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\" | undefined`} - The type of badge.\n\nProperty: variant\n\nDefault: primary",
+          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The type of badge.\n\nProperty: variant\n\nDefault: primary",
           "values": [
             {
               "name": "primary"
@@ -70,7 +70,7 @@
         },
         {
           "name": "shape",
-          "description": "`shape` {`\"rounded\" | \"square\" | undefined`} - The shape of the badge.\n\nProperty: shape\n\nDefault: rounded",
+          "description": "`shape` {`\"rounded\" | \"square\"`} - The shape of the badge.\n\nProperty: shape\n\nDefault: rounded",
           "values": [
             {
               "name": "rounded"
@@ -84,11 +84,11 @@
     },
     {
       "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`} - Determines whether the button is disabled.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `nativeElement` {`HTMLElement`} - \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`} - Determines whether the button is disabled.\n\n  * `classes` {`{ flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "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`} - Determines whether the button is disabled.\n\n  * `aria-label` {`string`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-button\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `_ariaLabel` {`string`} - \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`} - Determines whether the button is disabled.\n\n  * `ariaLabel` {`string`} - \n\n  * `classes` {`{ flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \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: flat",
+          "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\nProperty: variant\n\nDefault: contained",
           "values": [
             {
               "name": "flat"
@@ -154,20 +154,13 @@
           "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "aria-label",
+          "description": "`aria-label` {`string`} - \n\nProperty: ariaLabel"
+        },
         {
           "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"
-            }
-          ]
+          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
         },
         {
           "name": "onigcFocus",
@@ -181,7 +174,7 @@
     },
     {
       "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`} - Determines whether the button is disabled.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \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  * `nativeElement` {`HTMLElement`} - \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`} - Determines whether the button is disabled.\n\n  * `classes` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "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`} - Determines whether the button is disabled.\n\n  * `aria-label` {`string`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-icon-button\"`} - \n\n  * `styles` {`CSSResult[]`} - \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  * `nativeElement` {`HTMLElement`} - \n\n  * `_ariaLabel` {`string`} - \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`} - Determines whether the button is disabled.\n\n  * `ariaLabel` {`string`} - \n\n  * `classes` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "name",
@@ -198,7 +191,7 @@
         },
         {
           "name": "variant",
-          "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\nProperty: variant\n\nDefault: flat",
+          "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\nProperty: variant\n\nDefault: contained",
           "values": [
             {
               "name": "flat"
@@ -261,6 +254,10 @@
           "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "aria-label",
+          "description": "`aria-label` {`string`} - \n\nProperty: ariaLabel"
+        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
@@ -280,7 +277,7 @@
     },
     {
       "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  * `has-header` {`boolean`} - Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.\n\n  * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - 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  * `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  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \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  * `hasHeader` {`boolean`} - Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.\n\n  * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - 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  * `calendarModel` - \n\n  * `value` {`Date | Date[] | undefined`} - Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.\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.",
+      "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` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - 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`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe 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  * `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` {`CSSResult[]`} - \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` {`IgcMonthsViewComponent`} - \n\n  * `yearsView` {`IgcYearsViewComponent`} - \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` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - 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` {`15 | 18`} - \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  * `calendarModel` {`Calendar`} - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe 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",
@@ -288,8 +285,8 @@
           "valueSet": "v"
         },
         {
-          "name": "has-header",
-          "description": "`has-header` {`boolean`} - Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.\n\nProperty: hasHeader\n\nDefault: true",
+          "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"
         },
         {
@@ -350,6 +347,16 @@
             }
           ]
         },
+        {
+          "name": "value",
+          "description": "`value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
+          "values": []
+        },
+        {
+          "name": "values",
+          "description": "`values` {`Date[] | undefined`} - Тhe 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",
@@ -409,7 +416,7 @@
     },
     {
       "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\"`} - The format of the days. Defaults to narrow.\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  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \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\"`} - The format of the days. Defaults to narrow.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `isSingleSelection` {`boolean`} - \n\n  * `calendarModel` - \n\n  * `value` {`Date | Date[] | undefined`} - Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.\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.",
+      "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`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe 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  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \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  * `calendarModel` {`Calendar`} - \n\n  * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n  * `values` {`Date[] | undefined`} - Тhe 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",
@@ -428,7 +435,7 @@
         },
         {
           "name": "week-day-format",
-          "description": "`week-day-format` {`\"long\" | \"short\" | \"narrow\"`} - The format of the days. Defaults to narrow.\n\nProperty: weekDayFormat\n\nDefault: narrow",
+          "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"
@@ -441,6 +448,16 @@
             }
           ]
         },
+        {
+          "name": "value",
+          "description": "`value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\nProperty: value",
+          "values": []
+        },
+        {
+          "name": "values",
+          "description": "`values` {`Date[] | undefined`} - Тhe 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",
@@ -504,7 +521,7 @@
     },
     {
       "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\"`} - The format of the month. Defaults to long.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \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\"`} - The format of the month. Defaults to long.\n\n  * `months` {`Date[][]`} - ",
+      "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` {`\"numeric\" | \"2-digit\" | \"long\" | \"short\" | \"narrow\" | undefined`} - The format of the month. Defaults to long.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `calendarModel` {`Calendar`} - \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` {`\"numeric\" | \"2-digit\" | \"long\" | \"short\" | \"narrow\" | undefined`} - The format of the month. Defaults to long.\n\n  * `months` {`Date[][]`} - ",
       "attributes": [
         {
           "name": "locale",
@@ -512,22 +529,22 @@
         },
         {
           "name": "month-format",
-          "description": "`month-format` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\"`} - The format of the month. Defaults to long.\n\nProperty: monthFormat\n\nDefault: long",
+          "description": "`month-format` {`\"numeric\" | \"2-digit\" | \"long\" | \"short\" | \"narrow\" | undefined`} - The format of the month. Defaults to long.\n\nProperty: monthFormat\n\nDefault: long",
           "values": [
             {
-              "name": "long"
+              "name": "numeric"
             },
             {
-              "name": "short"
+              "name": "2-digit"
             },
             {
-              "name": "narrow"
+              "name": "long"
             },
             {
-              "name": "numeric"
+              "name": "short"
             },
             {
-              "name": "2-digit"
+              "name": "narrow"
             }
           ]
         }
@@ -545,38 +562,38 @@
     },
     {
       "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\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - ",
+      "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\nProperties:\n\n  * `tagName` {`\"igc-card-actions\"`} - \n\n  * `styles` {`CSSResult`} - ",
       "attributes": []
     },
     {
       "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` {`string`} - \n\n  * `styles` - ",
+      "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` {`CSSResult`} - ",
       "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` {`string`} - \n\n  * `styles` - ",
+      "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` {`CSSResult`} - ",
       "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` {`string`} - \n\n  * `styles` - ",
+      "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` {`CSSResult`} - ",
       "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  * `outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated",
+      "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` {`CSSResult`} - \n\n  * `elevated` {`boolean`} - Sets card elevated style, otherwise card looks outlined.",
       "attributes": [
         {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated\n\nProperty: outlined\n\nDefault: false",
+          "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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
+      "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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-checkbox\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
       "attributes": [
         {
           "name": "indeterminate",
@@ -643,7 +660,7 @@
     },
     {
       "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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
+      "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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-switch\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
       "attributes": [
         {
           "name": "name",
@@ -705,7 +722,7 @@
     },
     {
       "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` {`string`} - \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.",
+      "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` {`CSSResult`} - \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",
@@ -724,7 +741,7 @@
     },
     {
       "name": "igc-icon",
-      "description": "Icon component\n\nAttributes:\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` {`string`} - \n\n  * `styles` - \n\n  * `svg` {`string`} - \n\n  * `_name` {`string`} - \n\n  * `_collection` {`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.",
+      "description": "Icon component\n\nAttributes:\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` {`CSSResult`} - \n\n  * `svg` {`string`} - \n\n  * `_name` {`string`} - \n\n  * `_collection` {`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",
@@ -747,7 +764,7 @@
     },
     {
       "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  * `dir` {`Direction`} - The direction attribute of the control.\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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `label` {`string`} - The label of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `minlength` {`number`} - The minlength attribute 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  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; }`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `_prefixLength` {`number`} - \n\n  * `_suffixLength` {`number`} - \n\n  * `theme` {`string | undefined`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_prefix` {`NodeListOf<HTMLElement>`} - \n\n  * `_suffix` {`NodeListOf<HTMLElement>`} - \n\n  * `dir` {`Direction`} - The direction attribute of the control.\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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `label` {`string`} - The label of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `minlength` {`number`} - The minlength attribute 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  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "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  * `dir` {`Direction`} - The direction attribute of the control.\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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `label` {`string`} - The label of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `minlength` {`number`} - The minlength attribute 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  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-input\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `_prefixLength` {`number`} - \n\n  * `_suffixLength` {`number`} - \n\n  * `theme` {`string | undefined`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_prefix` {`HTMLElement[]`} - \n\n  * `_suffix` {`HTMLElement[]`} - \n\n  * `dir` {`Direction`} - The direction attribute of the control.\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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `label` {`string`} - The label of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `outlined` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `disabled` {`boolean`} - Makes the control a disabled field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `minlength` {`number`} - The minlength attribute 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  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "dir",
@@ -899,18 +916,7 @@
         },
         {
           "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"
-            }
-          ]
+          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
         },
         {
           "name": "onigcInput",
@@ -932,17 +938,17 @@
     },
     {
       "name": "igc-list-header",
-      "description": "Header list item.\n\nSlots:\n\n  * ` ` {} - Renders header list item's content.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - ",
+      "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` {`CSSResult`} - ",
       "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` {`string`} - \n\n  * `styles` - ",
+      "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` {`CSSResult`} - ",
       "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` {`string`} - \n\n  * `styles` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "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` {`CSSResult`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "size",
@@ -963,12 +969,12 @@
     },
     {
       "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` {`string`} - \n\n  * `styles` {`CSSResult[]`} - ",
+      "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` {`CSSResult[]`} - ",
       "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` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \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` {`NodeListOf<HTMLElement>`} - ",
+      "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` {`CSSResult[]`} - \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[]`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -984,7 +990,7 @@
     },
     {
       "name": "igc-nav-drawer",
-      "description": "Represents a side navigation container that provides\nquick access between views.\n\nEvents:\n\n  * `igcOpening` {} - Emitted when the navigation drawer is about to open.\n\n  * `igcOpened` {} - Emitted when the navigation drawer is opened.\n\n  * `igcClosing` {} - Emitted when the navigation drawer is about to close.\n\n  * `igcClosed` {} - Emitted when the navigation drawer is closed.\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` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.",
+      "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` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - 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` {`CSSResult[]`} - \n\n  * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.",
       "attributes": [
         {
           "name": "position",
@@ -1008,33 +1014,17 @@
           "name": "open",
           "description": "`open` {`boolean`} - Determines whether the drawer is opened.\n\nProperty: open\n\nDefault: false",
           "valueSet": "v"
-        },
-        {
-          "name": "onigcOpening",
-          "description": "`igcOpening` {} - Emitted when the navigation drawer is about to open."
-        },
-        {
-          "name": "onigcOpened",
-          "description": "`igcOpened` {} - Emitted when the navigation drawer is opened."
-        },
-        {
-          "name": "onigcClosing",
-          "description": "`igcClosing` {} - Emitted when the navigation drawer is about to close."
-        },
-        {
-          "name": "onigcClosed",
-          "description": "`igcClosed` {} - Emitted when the navigation drawer is closed."
         }
       ]
     },
     {
       "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` {`string`} - \n\n  * `styles` {`CSSResult[]`} - ",
+      "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` {`CSSResult[]`} - ",
       "attributes": []
     },
     {
       "name": "igc-radio-group",
-      "description": "Attributes:\n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `_slottedRadios` {`NodeListOf<IgcRadioComponent>`} - \n\n  * `radios` {`IgcRadioComponent[]`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\n  * `handleKeydown` - ",
+      "description": "Attributes:\n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\nProperties:\n\n  * `tagName` {`\"igc-radio-group\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `radios` {`IgcRadioComponent[]`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\n  * `handleKeydown` - ",
       "attributes": [
         {
           "name": "alignment",
@@ -1052,7 +1042,7 @@
     },
     {
       "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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
+      "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  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n  * `tagName` {`\"igc-radio\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
       "attributes": [
         {
           "name": "name",
@@ -1062,6 +1052,11 @@
           "name": "value",
           "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
         },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "checked",
           "description": "`checked` {`boolean`} - The checked state of the control.\n\nProperty: checked\n\nDefault: false",
@@ -1109,8 +1104,230 @@
     },
     {
       "name": "igc-ripple",
-      "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `handler` - ",
+      "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n  * `tagName` {`\"igc-ripple\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `handler` - ",
       "attributes": []
+    },
+    {
+      "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  * `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` {`CSSResult[]`} - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \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  * `labelFormatter` - Specifies a custom function to format the labels.\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  * `isLTR` {`boolean`} - \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\n\nDefault: 1"
+        },
+        {
+          "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": "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",
+      "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 slider.\n\n  * `aria-label` {`string`} - The aria label of the slider 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  * `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`} - \n\n  * `_ariaLabel` {`string`} - \n\n  * `value` {`number`} - The current value of the slider.\n\n  * `ariaLabel` {`string`} - The aria label of the slider thumb.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \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  * `labelFormatter` - Specifies a custom function to format the labels.\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  * `isLTR` {`boolean`} - \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 slider.\n\nProperty: value"
+        },
+        {
+          "name": "aria-label",
+          "description": "`aria-label` {`string`} - The aria label of the slider thumb.\n\nProperty: ariaLabel"
+        },
+        {
+          "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\n\nDefault: 1"
+        },
+        {
+          "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": "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."
+        }
+      ]
     }
   ],
   "globalAttributes": [],