igniteui-webcomponents 3.3.0-beta.0 → 3.3.0

package/vscode-html-custom-data.json

@@ -1,6 +1,17 @@
 {
   "version": 1,
   "tags": [
+    {
+      "name": "igc-accordion",
+      "description": "The Accordion is a container-based component that can house multiple expansion panels\nand offers keyboard navigation.\n\nSlots:\n\n  * ` ` {} - Renders the expansion panels inside default slot.\n\nAttributes:\n\n  * `single-expand` {`boolean`} - \n\nProperties:\n\n  * `tagName` {`\"igc-accordion\"`} - \n\n  * `styles` - \n\n  * `_enabledPanels` {`IgcExpansionPanelComponent[]`} - \n\n  * `singleExpand` {`boolean`} - \n\n  * `panels` {`IgcExpansionPanelComponent[]`} - Returns all of the accordions's direct igc-expansion-panel children.\n\n  * `handleKeydown` - ",
+      "attributes": [
+        {
+          "name": "single-expand",
+          "description": "`single-expand` {`boolean`} - \n\nProperty: singleExpand\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
     {
       "name": "igc-avatar",
       "description": "An avatar component is used as a representation of a user identity\ntypically in a user profile.\n\nSlots:\n\n  * ` ` {} - Renders an icon inside the default slot.\n\nAttributes:\n\n  * `src` {`string`} - The image source to use.\n\n  * `alt` {`string`} - Alternative text for the image.\n\n  * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n  * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-avatar\"`} - \n\n  * `styles` - \n\n  * `src` {`string`} - The image source to use.\n\n  * `hasError` {`boolean`} - \n\n  * `alt` {`string`} - Alternative text for the image.\n\n  * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n  * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n  * `classes` {`{ circle: boolean; rounded: boolean; square: boolean; small: boolean; medium: boolean; large: boolean; }`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
@@ -420,7 +431,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  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `styles` - \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` - \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  * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n  * `tagName` {`\"igc-days-view\"`} - \n\n  * `styles` - \n\n  * `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` - \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",
@@ -529,7 +540,7 @@
     },
     {
       "name": "igc-months-view",
-      "description": "Instantiate a months view as a separate component in the calendar.\n\nAttributes:\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates.\n\n  * `month-format` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined`} - The format of the month. Defaults to long.\n\nProperties:\n\n  * `styles` - \n\n  * `calendarModel` - \n\n  * `monthFormatter` - \n\n  * `activeMonth` {`HTMLElement`} - \n\n  * `value` {`Date`} - Тhe current value of the calendar.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates.\n\n  * `monthFormat` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined`} - The format of the month. Defaults to long.\n\n  * `months` {`Date[][]`} - ",
+      "description": "Instantiate a months view as a separate component in the calendar.\n\nAttributes:\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates.\n\n  * `month-format` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined`} - The format of the month. Defaults to long.\n\nProperties:\n\n  * `tagName` {`\"igc-months-view\"`} - \n\n  * `styles` - \n\n  * `calendarModel` - \n\n  * `monthFormatter` - \n\n  * `activeMonth` {`HTMLElement`} - \n\n  * `value` {`Date`} - Тhe current value of the calendar.\n\n  * `locale` {`string`} - Sets the locale used for formatting and displaying the dates.\n\n  * `monthFormat` {`\"long\" | \"short\" | \"narrow\" | \"numeric\" | \"2-digit\" | undefined`} - The format of the month. Defaults to long.\n\n  * `months` {`Date[][]`} - ",
       "attributes": [
         {
           "name": "locale",
@@ -560,7 +571,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` - \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  * `tagName` {`\"igc-years-view\"`} - \n\n  * `styles` - \n\n  * `years` {`Date[][]`} - \n\n  * `activeYear` {`HTMLElement`} - \n\n  * `value` {`Date`} - Тhe current value of the calendar.\n\n  * `yearsPerPage` {`number`} - Sets how many years are displayed on a single page.",
       "attributes": [
         {
           "name": "years-per-page",
@@ -614,7 +625,7 @@
     },
     {
       "name": "igc-checkbox",
-      "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The checkbox label.\n\nAttributes:\n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-checkbox\"`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
+      "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The checkbox label.\n\nAttributes:\n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-checkbox\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
       "attributes": [
         {
           "name": "indeterminate",
@@ -681,7 +692,7 @@
     },
     {
       "name": "igc-switch",
-      "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The switch label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-switch\"`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
+      "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The switch label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-switch\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
       "attributes": [
         {
           "name": "name",
@@ -802,7 +813,7 @@
     },
     {
       "name": "igc-date-time-input",
-      "description": "A date time input is an input field that lets you set and edit the date and time in a chosen input element\nusing customizable display and input formats.\n\nEvents:\n\n  * `igcInput` {} - Emitted when the control input receives user input.\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `input-format` {`string`} - The date format to apply on the input.\n\n  * `min-value` {`Date | null`} - The minimum value required for the input to remain valid.\n\n  * `max-value` {`Date | null`} - The maximum value required for the input to remain valid.\n\n  * `display-format` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spin-loop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `dir` {`Direction`} - The direction 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-date-time-input\"`} - \n\n  * `_defaultMask` {`string`} - \n\n  * `_value` {`Date | null`} - \n\n  * `_inputDateParts` {`DatePartInfo[]`} - \n\n  * `_inputFormat` {`string`} - \n\n  * `_datePartDeltas` {`DatePartDeltas`} - \n\n  * `inputFormat` {`string`} - The date format to apply on the input.\n\n  * `minValue` {`Date | null`} - The minimum value required for the input to remain valid.\n\n  * `maxValue` {`Date | null`} - The maximum value required for the input to remain valid.\n\n  * `displayFormat` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spinDelta` {`DatePartDeltas`} - Delta values used to increment or decrement each date part on step actions.\nAll values default to `1`.\n\n  * `spinLoop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `hasDateParts` {`boolean`} - \n\n  * `hasTimeParts` {`boolean`} - \n\n  * `targetDatePart` {`DatePart | undefined`} - \n\n  * `datePartDeltas` {`DatePartDeltas`} - \n\n  * `parser` - \n\n  * `selection` {`MaskSelection`} - \n\n  * `compositionStart` {`number`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `inputSelection` {`MaskSelection`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `dir` {`Direction`} - The direction 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.",
+      "description": "A date time input is an input field that lets you set and edit the date and time in a chosen input element\nusing customizable display and input formats.\n\nEvents:\n\n  * `igcInput` {} - Emitted when the control input receives user input.\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `input-format` {`string`} - The date format to apply on the input.\n\n  * `min-value` {`Date | null`} - The minimum value required for the input to remain valid.\n\n  * `max-value` {`Date | null`} - The maximum value required for the input to remain valid.\n\n  * `display-format` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spin-loop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `dir` {`Direction`} - The direction 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-date-time-input\"`} - \n\n  * `_defaultMask` {`string`} - \n\n  * `_value` {`Date | null`} - \n\n  * `_oldValue` {`Date | null`} - \n\n  * `_inputDateParts` {`DatePartInfo[]`} - \n\n  * `_inputFormat` {`string`} - \n\n  * `_datePartDeltas` {`DatePartDeltas`} - \n\n  * `inputFormat` {`string`} - The date format to apply on the input.\n\n  * `minValue` {`Date | null`} - The minimum value required for the input to remain valid.\n\n  * `maxValue` {`Date | null`} - The maximum value required for the input to remain valid.\n\n  * `displayFormat` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spinDelta` {`DatePartDeltas`} - Delta values used to increment or decrement each date part on step actions.\nAll values default to `1`.\n\n  * `spinLoop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `hasDateParts` {`boolean`} - \n\n  * `hasTimeParts` {`boolean`} - \n\n  * `targetDatePart` {`DatePart | undefined`} - \n\n  * `datePartDeltas` {`DatePartDeltas`} - \n\n  * `parser` - \n\n  * `selection` {`MaskSelection`} - \n\n  * `compositionStart` {`number`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `inputSelection` {`MaskSelection`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `dir` {`Direction`} - The direction 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.",
       "attributes": [
         {
           "name": "input-format",
@@ -916,24 +927,8 @@
     },
     {
       "name": "igc-dropdown-group",
-      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-group\"`} - \n\n  * `styles` - \n\n  * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - ",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperty: size\n\nDefault: large",
-          "values": [
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            }
-          ]
-        }
-      ]
+      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-group\"`} - \n\n  * `styles` - \n\n  * `parent` - \n\n  * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.",
+      "attributes": []
     },
     {
       "name": "igc-dropdown-header",
@@ -967,7 +962,7 @@
     },
     {
       "name": "igc-dropdown",
-      "description": "Represents a DropDown component.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown\"`} - \n\n  * `styles` - \n\n  * `selectedItem` - \n\n  * `activeItem` - \n\n  * `target` {`HTMLElement`} - \n\n  * `allItems` {`IgcDropdownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcDropdownItemComponent[]`} - \n\n  * `groups` {`IgcDropdownGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "Represents a DropDown component.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown\"`} - \n\n  * `styles` - \n\n  * `selectedItem` - \n\n  * `activeItem` - \n\n  * `target` {`HTMLElement`} - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `allItems` {`IgcDropdownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcDropdownItemComponent[]`} - \n\n  * `groups` {`IgcDropdownGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "keep-open-on-select",
@@ -1106,7 +1101,7 @@
     },
     {
       "name": "igc-expansion-panel",
-      "description": "The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n\nEvents:\n\n  * `igcOpening` {} - Emitted before opening the expansion panel.\n\n  * `igcOpened` {} - Emitted after the expansion panel is opened.\n\n  * `igcClosing` {} - Emitted before closing the expansion panel.\n\n  * `igcClosed` {} - Emitted after the expansion panel is closed.\n\nSlots:\n\n  * `title` {} - renders the title of the panel's header\n\n  * `subtitle` {} - renders the subtitle of the panel's header\n\n  * `indicator` {} - renders the expand/collapsed indicator\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperties:\n\n  * `tagName` {`\"igc-expansion-panel\"`} - \n\n  * `styles` - \n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicatorPosition` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\n  * `panelHeader` {`HTMLElement`} - \n\n  * `panelId` {`string`} - ",
+      "description": "The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n\nEvents:\n\n  * `igcOpening` {} - Emitted before opening the expansion panel.\n\n  * `igcOpened` {} - Emitted after the expansion panel is opened.\n\n  * `igcClosing` {} - Emitted before closing the expansion panel.\n\n  * `igcClosed` {} - Emitted after the expansion panel is closed.\n\nSlots:\n\n  * `title` {} - renders the title of the panel's header\n\n  * `subtitle` {} - renders the subtitle of the panel's header\n\n  * `indicator` {} - renders the expand/collapsed indicator\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperties:\n\n  * `tagName` {`\"igc-expansion-panel\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicatorPosition` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\n  * `panelHeader` {`HTMLElement`} - \n\n  * `panelId` {`string`} - ",
       "attributes": [
         {
           "name": "open",
@@ -1195,7 +1190,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  * `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  * `dir` {`Direction`} - The direction 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  * `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; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \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  * `helperText` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `dir` {`Direction`} - The direction 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.",
+      "description": "Events:\n\n  * `igcInput` {} - Emitted when the control input receives user input.\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `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  * `dir` {`Direction`} - The direction 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  * `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; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \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  * `helperText` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `dir` {`Direction`} - The direction 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.",
       "attributes": [
         {
           "name": "type",
@@ -1400,7 +1395,7 @@
     },
     {
       "name": "igc-mask-input",
-      "description": "A masked input is an input field where a developer can control user input and format the visible value,\nbased on configurable rules\n\nEvents:\n\n  * `igcInput` {} - Emitted when the control receives user input\n\n  * `igcChange` {} - Emitted when an alteration of the control's value is committed by the user\n\n  * `igcFocus` {} - Emitted when the control gains focus\n\n  * `igcBlur` {} - Emitted when the control loses focus\n\nSlots:\n\n  * `prefix` {} - Renders content before the input\n\n  * `suffix` {} - Renders content after the input\n\n  * `helper-text` {} - Renders content below the input\n\nAttributes:\n\n  * `value-mode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\n  * `mask` {`string`} - The mask pattern to apply on the input.\n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `dir` {`Direction`} - The direction 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-mask-input\"`} - \n\n  * `_value` {`string`} - \n\n  * `valueMode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\n  * `mask` {`string`} - The mask pattern to apply on the input.\n\n  * `parser` - \n\n  * `selection` {`MaskSelection`} - \n\n  * `compositionStart` {`number`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `inputSelection` {`MaskSelection`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `dir` {`Direction`} - The direction 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.",
+      "description": "A masked input is an input field where a developer can control user input and format the visible value,\nbased on configurable rules\n\nEvents:\n\n  * `igcInput` {} - Emitted when the control receives user input\n\n  * `igcChange` {} - Emitted when an alteration of the control's value is committed by the user\n\n  * `igcFocus` {} - Emitted when the control gains focus\n\n  * `igcBlur` {} - Emitted when the control loses focus\n\nSlots:\n\n  * `prefix` {} - Renders content before the input\n\n  * `suffix` {} - Renders content after the input\n\n  * `helper-text` {} - Renders content below the input\n\nAttributes:\n\n  * `value-mode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\n  * `mask` {`string`} - The mask pattern to apply on the input.\n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `dir` {`Direction`} - The direction 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-mask-input\"`} - \n\n  * `_value` {`string`} - \n\n  * `valueMode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\n  * `mask` {`string`} - The mask pattern to apply on the input.\n\n  * `parser` - \n\n  * `selection` {`MaskSelection`} - \n\n  * `compositionStart` {`number`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `inputSelection` {`MaskSelection`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `themeController` {`ThemeController`} - \n\n  * `dir` {`Direction`} - The direction 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.",
       "attributes": [
         {
           "name": "value-mode",
@@ -1731,7 +1726,7 @@
     },
     {
       "name": "igc-radio",
-      "description": "Events:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The radio label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n  * `tagName` {`\"igc-radio\"`} - \n\n  * `styles` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
+      "description": "Events:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The radio label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n  * `tagName` {`\"igc-radio\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
       "attributes": [
         {
           "name": "name",
@@ -1793,12 +1788,12 @@
     },
     {
       "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\"`} - ",
+      "description": "\nUsed when a custom icon/symbol/element needs to be passed to the igc-rating component.\n\nSlots:\n\n  * ` ` {} - Default slot for projected full symbols/icons.\n\n  * `empty` {} - Default slot for projected empty symbols/icons.\n\nProperties:\n\n  * `tagName` {`\"igc-rating-symbol\"`} - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": []
     },
     {
       "name": "igc-rating",
-      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n\nEvents:\n\n  * `igcChange` {} - Emitted when the value of the control changes.\n\n  * `igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\nAttributes:\n\n  * `max` {`number`} - The maximum value for the rating\n\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.",
+      "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  * `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  * `single` {`boolean`} - Toggles single selection visual mode.\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  * `valueLabel` {`Node[]`} - \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  * `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  * `single` {`boolean`} - Toggles single selection visual mode.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "max",
@@ -1808,10 +1803,6 @@
           "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"
@@ -1843,6 +1834,11 @@
           "description": "`readonly` {`boolean`} - Sets the readonly state of the component\n\nProperty: readonly\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "single",
+          "description": "`single` {`boolean`} - Toggles single selection visual mode.\n\nProperty: single\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",