igniteui-webcomponents 2.0.0 → 2.1.0

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` {`\"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.",
+      "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",
@@ -84,7 +84,7 @@
     },
     {
       "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  * `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.",
+      "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",
@@ -174,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  * `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.",
+      "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",
@@ -277,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  * `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.",
+      "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  * `styles` {`CSSResult`} - \n\n  * `tagName` {`\"igc-calendar\"`} - \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",
@@ -416,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\" | 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.",
+      "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",
@@ -521,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` {`\"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[][]`} - ",
+      "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",
@@ -552,7 +552,7 @@
     },
     {
       "name": "igc-years-view",
-      "description": "Instantiate a years view as a separate component in the calendar.\n\nAttributes:\n\n  * `years-per-page` {`number`} - Sets how many years are displayed on a single page.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `years` {`Date[][]`} - \n\n  * `activeYear` {`HTMLElement`} - \n\n  * `value` {`Date`} - Тhe current value of the calendar.\n\n  * `yearsPerPage` {`number`} - Sets how many years are displayed on a single page.",
+      "description": "Instantiate a years view as a separate component in the calendar.\n\nAttributes:\n\n  * `years-per-page` {`number`} - Sets how many years are displayed on a single page.\n\nProperties:\n\n  * `styles` {`CSSResult`} - \n\n  * `years` {`Date[][]`} - \n\n  * `activeYear` {`HTMLElement`} - \n\n  * `value` {`Date`} - Тhe current value of the calendar.\n\n  * `yearsPerPage` {`number`} - Sets how many years are displayed on a single page.",
       "attributes": [
         {
           "name": "years-per-page",
@@ -720,6 +720,65 @@
         }
       ]
     },
+    {
+      "name": "igc-chip",
+      "description": "Chips help people enter information, make selections, filter content, or trigger actions.\n\nEvents:\n\n  * `igcRemove` {} - Emits an event when the chip component is removed. Returns the removed chip component.\n\n  * `igcSelect` {} - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n\nSlots:\n\n  * ` ` {} - Renders the chip data.\n\n  * `prefix` {} - Renders content before the data of the chip.\n\n  * `suffix` {} - Renders content after the data of the chip.\n\nAttributes:\n\n  * `disabled` {`boolean`} - Sets the disabled state for the chip.\n\n  * `removable` {`boolean`} - Defines if the chip is removable or not.\n\n  * `selectable` {`boolean`} - Defines if the chip is selectable or not.\n\n  * `selected` {`boolean`} - Defines if the chip is selected or not.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - A property that sets the color variant of the chip component.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-chip\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `disabled` {`boolean`} - Sets the disabled state for the chip.\n\n  * `removable` {`boolean`} - Defines if the chip is removable or not.\n\n  * `selectable` {`boolean`} - Defines if the chip is selectable or not.\n\n  * `selected` {`boolean`} - Defines if the chip is selected or not.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - A property that sets the color variant of the chip component.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Sets the disabled state for the chip.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "removable",
+          "description": "`removable` {`boolean`} - Defines if the chip is removable or not.\n\nProperty: removable\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "selectable",
+          "description": "`selectable` {`boolean`} - Defines if the chip is selectable or not.\n\nProperty: selectable\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "selected",
+          "description": "`selected` {`boolean`} - Defines if the chip is selected or not.\n\nProperty: selected\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - A property that sets the color variant of the chip component.\n\nProperty: variant",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            },
+            {
+              "name": "danger"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
+        },
+        {
+          "name": "onigcRemove",
+          "description": "`igcRemove` {} - Emits an event when the chip component is removed. Returns the removed chip component."
+        },
+        {
+          "name": "onigcSelect",
+          "description": "`igcSelect` {} - Emits event when the chip component is selected/deselected and any related animations and transitions also end."
+        }
+      ]
+    },
     {
       "name": "igc-form",
       "description": "The form is a component used to collect user input from\ninteractive controls.\n\nEvents:\n\n  * `igcSubmit` {} - Emitted when the form is submitted.\n\n  * `igcReset` {} - Emitted when the form is reset.\n\nSlots:\n\n  * ` ` {} - Default slot for the form.\n\nAttributes:\n\n  * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.\n\nProperties:\n\n  * `tagName` {`\"igc-form\"`} - \n\n  * `styles` {`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.",
@@ -764,7 +823,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` {`\"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.",
+      "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  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\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  * `value` {`string`} - The value attribute of the control.\n\n  * `name` {`string`} - The name attribute 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  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-input\"`} - \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  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\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  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `name` {`string`} - The name attribute 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  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "dir",
@@ -838,51 +897,15 @@
             }
           ]
         },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
-        {
-          "name": "value",
-          "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value\n\nDefault: "
-        },
         {
           "name": "pattern",
           "description": "`pattern` {`string`} - The pattern attribute of the control.\n\nProperty: pattern"
         },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - The label of the control.\n\nProperty: label\n\nDefault: Label"
-        },
-        {
-          "name": "placeholder",
-          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
-        },
         {
           "name": "invalid",
           "description": "`invalid` {`boolean`} - Controls the validity of the control.\n\nProperty: invalid\n\nDefault: false",
           "valueSet": "v"
         },
-        {
-          "name": "outlined",
-          "description": "`outlined` {`boolean`} - \n\nProperty: outlined\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Makes the control a disabled field.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "minlength",
           "description": "`minlength` {`number`} - The minlength attribute of the control.\n\nProperty: minlength"
@@ -914,6 +937,42 @@
           "name": "autocomplete",
           "description": "`autocomplete` {`string`} - The autocomplete attribute of the control.\n\nProperty: autocomplete"
         },
+        {
+          "name": "value",
+          "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value\n\nDefault: "
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "outlined",
+          "description": "`outlined` {`boolean`} - \n\nProperty: outlined\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Makes the control a disabled field.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
+        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
@@ -969,12 +1028,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` {`\"igc-nav-drawer-header-item\"`} - \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` {`\"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[]`} - ",
+      "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",
@@ -990,7 +1049,7 @@
     },
     {
       "name": "igc-nav-drawer",
-      "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n  * ` ` {} - The default slot for the drawer.\n\n  * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n  * `position` {`\"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.",
+      "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",
@@ -1019,9 +1078,162 @@
     },
     {
       "name": "igc-navbar",
-      "description": "A navigation bar component is used to facilitate navigation through\na series of hierarchical screens within an app.\n\nSlots:\n\n  * ` ` {} - Renders a title inside the default slot.\n\n  * `start` {} - Renders left aligned icons.\n\n  * `end` {} - Renders right aligned action icons.\n\nProperties:\n\n  * `tagName` {`\"igc-navbar\"`} - \n\n  * `styles` {`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-circular-gradient",
+      "description": "Used for defining gradient stops in the igc-circular-progress.\nFor each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\nThe values passed as `color`, `offset` and `opacity` would be set as\n`stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.\n\nAttributes:\n\n  * `offset` {`string`} - Defines where the gradient stop is placed along the gradient vector\n\n  * `color` {`string`} - Defines the color of the gradient stop\n\n  * `opacity` {`number`} - Defines the opacity of the gradient stop\n\nProperties:\n\n  * `tagName` {`\"igc-circular-gradient\"`} - \n\n  * `offset` {`string`} - Defines where the gradient stop is placed along the gradient vector\n\n  * `color` {`string`} - Defines the color of the gradient stop\n\n  * `opacity` {`number`} - Defines the opacity of the gradient stop",
+      "attributes": [
+        {
+          "name": "offset",
+          "description": "`offset` {`string`} - Defines where the gradient stop is placed along the gradient vector\n\nProperty: offset\n\nDefault: 0%"
+        },
+        {
+          "name": "color",
+          "description": "`color` {`string`} - Defines the color of the gradient stop\n\nProperty: color\n\nDefault: black"
+        },
+        {
+          "name": "opacity",
+          "description": "`opacity` {`number`} - Defines the opacity of the gradient stop\n\nProperty: opacity\n\nDefault: 1"
+        }
+      ]
+    },
+    {
+      "name": "igc-circular-progress",
+      "description": "A circular progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n  * ` ` {} - The text area container.\n\n  * `gradient` {} - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n\nAttributes:\n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n  * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-circular-progress\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `gradientId` {`string`} - \n\n  * `gradientElements` {`IgcCircularGradientComponent[]`} - \n\n  * `stroke` {`{ stroke: string; '--percentage': string; '--duration': string; }`} - \n\n  * `svgParts` {`{ indeterminate: boolean; }`} - \n\n  * `initialMax` {`number`} - \n\n  * `initialValue` {`number`} - \n\n  * `tick` {`number`} - \n\n  * `assignedElements` {`HTMLElement[]`} - \n\n  * `progressIndicator` {`Element`} - \n\n  * `percentage` {`number`} - \n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n  * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
+      "attributes": [
+        {
+          "name": "max",
+          "description": "`max` {`number`} - Maximum value of the control.\n\nProperty: max\n\nDefault: 100"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`number`} - The value of the control.\n\nProperty: value\n\nDefault: 0"
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\nProperty: variant\n\nDefault: primary",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            },
+            {
+              "name": "danger"
+            }
+          ]
+        },
+        {
+          "name": "animation-duration",
+          "description": "`animation-duration` {`number`} - Animation duration in milliseconds.\n\nProperty: animationDuration\n\nDefault: 500"
+        },
+        {
+          "name": "indeterminate",
+          "description": "`indeterminate` {`boolean`} - The indeterminate state of the control.\n\nProperty: indeterminate\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hide-label",
+          "description": "`hide-label` {`boolean`} - Shows/hides the label of the control.\n\nProperty: hideLabel\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "label-format",
+          "description": "`label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperty: labelFormat"
+        }
+      ]
+    },
+    {
+      "name": "igc-linear-progress",
+      "description": "A linear progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n  * ` ` {} - The text area container.\n\nAttributes:\n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `label-align` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n  * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-linear-progress\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `labelAlign` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `wrapperParts` {`{ fill: boolean; striped: boolean; indeterminate: boolean; primary: boolean; success: boolean; danger: boolean; warning: boolean; info: boolean; }`} - \n\n  * `animInfo` {`{ width: string; '--duration': string; }`} - \n\n  * `initialMax` {`number`} - \n\n  * `initialValue` {`number`} - \n\n  * `tick` {`number`} - \n\n  * `assignedElements` {`HTMLElement[]`} - \n\n  * `progressIndicator` {`Element`} - \n\n  * `percentage` {`number`} - \n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n  * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
+      "attributes": [
+        {
+          "name": "striped",
+          "description": "`striped` {`boolean`} - Sets the striped look of the control.\n\nProperty: striped\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "label-align",
+          "description": "`label-align` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\nProperty: labelAlign\n\nDefault: top-start",
+          "values": [
+            {
+              "name": "top"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "top-start"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "bottom-end"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "description": "`max` {`number`} - Maximum value of the control.\n\nProperty: max\n\nDefault: 100"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`number`} - The value of the control.\n\nProperty: value\n\nDefault: 0"
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\nProperty: variant\n\nDefault: primary",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            },
+            {
+              "name": "danger"
+            }
+          ]
+        },
+        {
+          "name": "animation-duration",
+          "description": "`animation-duration` {`number`} - Animation duration in milliseconds.\n\nProperty: animationDuration\n\nDefault: 500"
+        },
+        {
+          "name": "indeterminate",
+          "description": "`indeterminate` {`boolean`} - The indeterminate state of the control.\n\nProperty: indeterminate\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hide-label",
+          "description": "`hide-label` {`boolean`} - Shows/hides the label of the control.\n\nProperty: hideLabel\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "label-format",
+          "description": "`label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperty: labelFormat"
+        }
+      ]
+    },
     {
       "name": "igc-radio-group",
       "description": "Attributes:\n\n  * `alignment` {`\"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` - ",
@@ -1102,6 +1314,83 @@
         }
       ]
     },
+    {
+      "name": "igc-rating-symbol",
+      "description": "\nUsed when a custom icon/symbol/element needs to be passed to the igc-rating component.\n\nSlots:\n\n  * ` ` {} - Default slot for projected symbols/icons.\n\nProperties:\n\n  * `tagName` {`\"igc-rating-symbol\"`} - ",
+      "attributes": []
+    },
+    {
+      "name": "igc-rating",
+      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n\nEvents:\n\n  * `igcChange` {} - Emitted when the value of the control changes.\n\n  * `igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\nAttributes:\n\n  * `max` {`number`} - The maximum value for the rating\n\n  * `step` {`number`} - The minimum value change allowed.\n\n  * `symbol` {`string`} - The symbol which the rating will display.\n\n  * `name` {`string`} - The name attribute of the control\n\n  * `label` {`string`} - The label of the control.\n\n  * `value-format` {`string`} - A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `disabled` {`boolean`} - Sets the disabled state of the component\n\n  * `hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readonly` {`boolean`} - Sets the readonly state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-rating\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `ratingSymbols` {`IgcRatingSymbolComponent[]`} - \n\n  * `hoverValue` {`number`} - \n\n  * `hoverState` {`boolean`} - \n\n  * `isInteractive` {`boolean`} - \n\n  * `hasProjectedSymbols` {`boolean`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `valueText` {`string | number`} - \n\n  * `max` {`number`} - The maximum value for the rating\n\n  * `step` {`number`} - The minimum value change allowed.\n\n  * `symbol` {`string`} - The symbol which the rating will display.\n\n  * `name` {`string`} - The name attribute of the control\n\n  * `label` {`string`} - The label of the control.\n\n  * `valueFormat` {`string`} - A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `disabled` {`boolean`} - Sets the disabled state of the component\n\n  * `hoverPreview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readonly` {`boolean`} - Sets the readonly state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "attributes": [
+        {
+          "name": "max",
+          "description": "`max` {`number`} - The maximum value for the rating\n\nProperty: max\n\nDefault: 5"
+        },
+        {
+          "name": "step",
+          "description": "`step` {`number`} - The minimum value change allowed.\n\nProperty: step\n\nDefault: 1"
+        },
+        {
+          "name": "symbol",
+          "description": "`symbol` {`string`} - The symbol which the rating will display.\n\nProperty: symbol\n\nDefault: ⭐"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control\n\nProperty: name"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - The label of the control.\n\nProperty: label"
+        },
+        {
+          "name": "value-format",
+          "description": "`value-format` {`string`} - A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.\n\nProperty: valueFormat"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`number`} - The current value of the component\n\nProperty: value\n\nDefault: 0"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Sets the disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hover-preview",
+          "description": "`hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\nProperty: hoverPreview\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {`boolean`} - Sets the readonly state of the component\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "size",
+          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
+          "values": [
+            {
+              "name": "small"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "large"
+            }
+          ]
+        },
+        {
+          "name": "onigcChange",
+          "description": "`igcChange` {} - Emitted when the value of the control changes."
+        },
+        {
+          "name": "onigcHover",
+          "description": "`igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating."
+        }
+      ]
+    },
     {
       "name": "igc-ripple",
       "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n  * `tagName` {`\"igc-ripple\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `handler` - ",
@@ -1109,7 +1398,7 @@
     },
     {
       "name": "igc-range-slider",
-      "description": "A range slider component used to select two numeric values within a range.\n\nEvents:\n\n  * `igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction.\n\n  * `igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\nAttributes:\n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `aria-label-lower` {`string`} - The aria label of the lower thumb.\n\n  * `aria-label-upper` {`string`} - The aria label of the upper thumb.\n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\n  * `hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-range-slider\"`} - \n\n  * `thumbFrom` {`HTMLElement`} - \n\n  * `thumbTo` {`HTMLElement`} - \n\n  * `_lower` {`number`} - \n\n  * `_upper` {`number`} - \n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `ariaLabelLower` {`string`} - The aria label of the lower thumb.\n\n  * `ariaLabelUpper` {`string`} - The aria label of the upper thumb.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
+      "description": "A range slider component used to select two numeric values within a range.\n\nEvents:\n\n  * `igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction.\n\n  * `igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\nAttributes:\n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `aria-label-lower` {`string`} - The aria label of the lower thumb.\n\n  * `aria-label-upper` {`string`} - The aria label of the upper thumb.\n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\n  * `hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-range-slider\"`} - \n\n  * `thumbFrom` {`HTMLElement`} - \n\n  * `thumbTo` {`HTMLElement`} - \n\n  * `_lower` {`number`} - \n\n  * `_upper` {`number`} - \n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `ariaLabelLower` {`string`} - The aria label of the lower thumb.\n\n  * `ariaLabelUpper` {`string`} - The aria label of the upper thumb.\n\n  * `styles` {`CSSResult`} - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
       "attributes": [
         {
           "name": "lower",
@@ -1231,9 +1520,14 @@
         }
       ]
     },
+    {
+      "name": "igc-slider-label",
+      "description": "Properties:\n\n  * `styles` {`CSSResult`} - \n\n  * `tagName` {`\"igc-slider-label\"`} - ",
+      "attributes": []
+    },
     {
       "name": "igc-slider",
-      "description": "A slider component used to select numeric value within a range.\n\nEvents:\n\n  * `igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction.\n\n  * `igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\nAttributes:\n\n  * `value` {`number`} - The current value of the 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  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-slider\"`} - \n\n  * `_value` {`number`} - \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  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
+      "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  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-slider\"`} - \n\n  * `_value` {`number`} - \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  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
       "attributes": [
         {
           "name": "value",
@@ -1346,6 +1640,54 @@
           "description": "`igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction."
         }
       ]
+    },
+    {
+      "name": "igc-snackbar",
+      "description": "A snackbar component is used to provide feedback about an operation\nby showing a brief message at the bottom of the screen.\n\nEvents:\n\n  * `igcAction` {} - Emitted when the snackbar action button is clicked.\n\nSlots:\n\n  * ` ` {} - Renders the snackbar content.\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `display-time` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keep-open` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `action-text` {`string`} - The snackbar action button.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `autoHideTimeout` {`number`} - \n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `displayTime` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keepOpen` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `actionText` {`string`} - The snackbar action button.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - Determines whether the snackbar is opened.\n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "display-time",
+          "description": "`display-time` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\nProperty: displayTime\n\nDefault: 4000"
+        },
+        {
+          "name": "keep-open",
+          "description": "`keep-open` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\nProperty: keepOpen\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "action-text",
+          "description": "`action-text` {`string`} - The snackbar action button.\n\nProperty: actionText"
+        },
+        {
+          "name": "onigcAction",
+          "description": "`igcAction` {} - Emitted when the snackbar action button is clicked."
+        }
+      ]
+    },
+    {
+      "name": "igc-toast",
+      "description": "A toast component is used to show a notification\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `display-time` {`number`} - Determines the time after which the toast will close\n\n  * `keep-open` {`boolean`} - Determines whether the toast is closed automatically or not.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `displayTimeout` - \n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `displayTime` {`number`} - Determines the time after which the toast will close\n\n  * `keepOpen` {`boolean`} - Determines whether the toast is closed automatically or not.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - Determines whether the toast is opened.\n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "display-time",
+          "description": "`display-time` {`number`} - Determines the time after which the toast will close\n\nProperty: displayTime\n\nDefault: 4000"
+        },
+        {
+          "name": "keep-open",
+          "description": "`keep-open` {`boolean`} - Determines whether the toast is closed automatically or not.\n\nProperty: keepOpen\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
     }
   ],
   "globalAttributes": [],