igniteui-webcomponents 3.3.0 → 3.4.0

package/vscode-html-custom-data.json

@@ -431,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  * `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.",
+      "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  * `labelFormatter` {`DateTimeFormat`} - \n\n  * `formatterWeekday` {`DateTimeFormat`} - \n\n  * `dates` {`ICalendarDate[][]`} - \n\n  * `activeDay` {`HTMLElement`} - \n\n  * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n  * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n  * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n  * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n  * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n  * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n  * `isSingleSelection` {`boolean`} - \n\n  * `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",
@@ -925,19 +925,57 @@
         }
       ]
     },
+    {
+      "name": "igc-dialog",
+      "description": "Represents a Dialog component.\n\nEvents:\n\n  * `igcClosing` {} - Emitter just before the dialog is closed.\n\n  * `igcClosed` {} - Emitted after closing the dialog.\n\nSlots:\n\n  * ` ` {} - Renders content inside the default slot.\n\n  * `title` {} - Renders the title of the dialog header.\n\n  * `footer` {} - Renders the dialog footer.\n\nAttributes:\n\n  * `close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\nProperties:\n\n  * `tagName` {`\"igc-dialog\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `increment` - \n\n  * `titleId` {`string`} - \n\n  * `dialog` {`HTMLDialogElement`} - \n\n  * `closeOnEscape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `closeOnOutsideClick` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hideDefaultAction` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\n  * `returnValue` {`string`} - Sets the return value for the dialog.\n\n  * `formSubmitHandler` - ",
+      "attributes": [
+        {
+          "name": "close-on-escape",
+          "description": "`close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\nProperty: closeOnEscape\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "close-on-outside-click",
+          "description": "`close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\nProperty: closeOnOutsideClick\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hide-default-action",
+          "description": "`hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\nProperty: hideDefaultAction\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - Whether the dialog is opened.\n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "title",
+          "description": "`title` {`string`} - Sets the title of the dialog.\n\nProperty: title"
+        },
+        {
+          "name": "onigcClosing",
+          "description": "`igcClosing` {} - Emitter just before the dialog is closed."
+        },
+        {
+          "name": "onigcClosed",
+          "description": "`igcClosed` {} - Emitted after closing the dialog."
+        }
+      ]
+    },
     {
       "name": "igc-dropdown-group",
-      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-group\"`} - \n\n  * `styles` - \n\n  * `parent` - \n\n  * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.",
+      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `parent` - \n\n  * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.",
       "attributes": []
     },
     {
       "name": "igc-dropdown-header",
-      "description": "Slots:\n\n  * ` ` {} - Renders the header.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-header\"`} - \n\n  * `styles` - ",
+      "description": "Slots:\n\n  * ` ` {} - Renders the header.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - ",
       "attributes": []
     },
     {
       "name": "igc-dropdown-item",
-      "description": "Represents an item in a dropdown list.\n\nSlots:\n\n  * `prefix` {} - Renders content before the item's main content.\n\n  * ` ` {} - Renders the item's main content.\n\n  * `suffix` {} - Renders content after the item's main content.\n\nAttributes:\n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-item\"`} - \n\n  * `styles` - \n\n  * `_value` {`string`} - \n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.",
+      "description": "Represents an item in a dropdown list.\n\nSlots:\n\n  * `prefix` {} - Renders content before the item's main content.\n\n  * ` ` {} - Renders the item's main content.\n\n  * `suffix` {} - Renders content after the item's main content.\n\nAttributes:\n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `_value` {`string`} - \n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.",
       "attributes": [
         {
           "name": "value",
@@ -962,7 +1000,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  * `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.",
+      "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` {`string`} - \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",
@@ -1190,7 +1228,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  * `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.",
+      "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  * `tabIndex` {`number`} - \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  * `tabIndex` {`number`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value 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",
@@ -1289,6 +1327,10 @@
           "name": "autocomplete",
           "description": "`autocomplete` {`string`} - The autocomplete attribute of the control.\n\nProperty: autocomplete"
         },
+        {
+          "name": "tabIndex",
+          "description": "`tabIndex` {`number`} - \n\nProperty: tabIndex\n\nDefault: 0"
+        },
         {
           "name": "value",
           "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value\n\nDefault: "
@@ -1708,7 +1750,7 @@
     },
     {
       "name": "igc-radio-group",
-      "description": "Attributes:\n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\nProperties:\n\n  * `tagName` {`\"igc-radio-group\"`} - \n\n  * `styles` - \n\n  * `radios` {`IgcRadioComponent[]`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\n  * `handleKeydown` - ",
+      "description": "Attributes:\n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\nProperties:\n\n  * `tagName` {`\"igc-radio-group\"`} - \n\n  * `styles` - \n\n  * `radios` {`IgcRadioComponent[]`} - \n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\n  * `handleKeydown` - ",
       "attributes": [
         {
           "name": "alignment",
@@ -1793,15 +1835,15 @@
     },
     {
       "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  * `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.",
+      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n\nEvents:\n\n  * `igcChange` {} - Emitted when the value of the control changes.\n\n  * `igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\nAttributes:\n\n  * `max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\n  * `step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\n  * `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. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `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  * `ratingSymbols` {`IgcRatingSymbolComponent[]`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `valueLabel` {`Node[]`} - \n\n  * `hoverValue` {`number`} - \n\n  * `hoverState` {`boolean`} - \n\n  * `isInteractive` {`boolean`} - \n\n  * `hasProjectedSymbols` {`boolean`} - \n\n  * `valueText` {`string`} - \n\n  * `max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\n  * `step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\n  * `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. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `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",
-          "description": "`max` {`number`} - The maximum value for the rating\n\nProperty: max\n\nDefault: 5"
+          "description": "`max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\nProperty: max\n\nDefault: 5"
         },
         {
           "name": "step",
-          "description": "`step` {`number`} - The minimum value change allowed.\n\nProperty: step\n\nDefault: 1"
+          "description": "`step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\nProperty: step\n\nDefault: 1"
         },
         {
           "name": "name",
@@ -1813,7 +1855,7 @@
         },
         {
           "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"
+          "description": "`value-format` {`string`} - A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\nProperty: valueFormat"
         },
         {
           "name": "value",
@@ -1869,9 +1911,235 @@
       "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n  * `tagName` {`\"igc-ripple\"`} - \n\n  * `styles` - \n\n  * `handler` - ",
       "attributes": []
     },
+    {
+      "name": "igc-select-group",
+      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `controlledItems` {`IgcSelectItemComponent[]`} - \n\n  * `activeItems` {`IgcSelectItemComponent[]`} - \n\n  * `disabled` {`boolean`} - \n\n  * `observer` {`MutationObserver`} - \n\n  * `tagName` {`\"igc-select-group\"`} - \n\n  * `styles` - \n\n  * `parent` - \n\n  * `items` {`IgcSelectItemComponent[]`} - All child `igc-select-item`s.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
+    {
+      "name": "igc-select-header",
+      "description": "Slots:\n\n  * ` ` {} - Renders the header.\n\nProperties:\n\n  * `tagName` {`\"igc-select-header\"`} - \n\n  * `styles` - ",
+      "attributes": []
+    },
+    {
+      "name": "igc-select-item",
+      "description": "Represents an item in a select list.\n\nSlots:\n\n  * ` ` {} - Renders the all content bar the prefix and suffix.\n\n  * `prefix` {} - Renders content before the main content area.\n\n  * `suffix` {} - Renders content after the main content area.\n\nAttributes:\n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperties:\n\n  * `content` {`Element[]`} - \n\n  * `textContent` {`string`} - Returns the text of the item without the prefix and suffix content.\n\n  * `tagName` {`\"igc-select-item\"`} - \n\n  * `styles` - \n\n  * `_value` {`string`} - \n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "`value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\nProperty: value"
+        },
+        {
+          "name": "selected",
+          "description": "`selected` {`boolean`} - Determines whether the item is selected.\n\nProperty: selected\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "active",
+          "description": "`active` {`boolean`} - Determines whether the item is active.\n\nProperty: active\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
+    {
+      "name": "igc-select",
+      "description": "Events:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `value` {`string | undefined`} - The value attribute of the control.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `searchTerm` {`string`} - \n\n  * `lastKeyTime` {`number`} - \n\n  * `targetKeyHandlers` {`Map<string, Function>`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `value` {`string | undefined`} - The value attribute of the control.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `tagName` {`\"igc-select\"`} - \n\n  * `styles` - \n\n  * `selectedItem` - \n\n  * `activeItem` - \n\n  * `target` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `allItems` {`IgcDropdownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcSelectItemComponent[]`} - \n\n  * `groups` {`IgcSelectGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "`value` {`string | undefined`} - The value attribute of the control.\n\nProperty: value",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled attribute of the control.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - The required attribute of the control.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - The invalid attribute of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "outlined",
+          "description": "`outlined` {`boolean`} - The outlined attribute of the control.\n\nProperty: outlined\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "autofocus",
+          "description": "`autofocus` {`boolean`} - The autofocus attribute of the control.\n\nProperty: autofocus",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - The label attribute of the control.\n\nProperty: label"
+        },
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - The placeholder attribute of the control.\n\nProperty: placeholder"
+        },
+        {
+          "name": "dir",
+          "description": "`dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\nProperty: dir\n\nDefault: auto",
+          "values": [
+            {
+              "name": "ltr"
+            },
+            {
+              "name": "rtl"
+            },
+            {
+              "name": "auto"
+            }
+          ]
+        },
+        {
+          "name": "keep-open-on-select",
+          "description": "`keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\nProperty: keepOpenOnSelect\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "scroll-strategy",
+          "description": "`scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\nProperty: scrollStrategy\n\nDefault: scroll",
+          "values": [
+            {
+              "name": "scroll"
+            },
+            {
+              "name": "block"
+            },
+            {
+              "name": "close"
+            }
+          ]
+        },
+        {
+          "name": "keep-open-on-outside-click",
+          "description": "`keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\nProperty: keepOpenOnOutsideClick\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - Sets the open state of the component.\n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "placement",
+          "description": "`placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\nProperty: placement\n\nDefault: bottom-start",
+          "values": [
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-start"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "left-end"
+            }
+          ]
+        },
+        {
+          "name": "position-strategy",
+          "description": "`position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\nProperty: positionStrategy\n\nDefault: absolute",
+          "values": [
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
+        {
+          "name": "flip",
+          "description": "`flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\nProperty: flip\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "distance",
+          "description": "`distance` {`number`} - The distance from the target element.\n\nProperty: distance\n\nDefault: 0"
+        },
+        {
+          "name": "same-width",
+          "description": "`same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\nProperty: sameWidth\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "size",
+          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
+        },
+        {
+          "name": "onigcChange",
+          "description": "`igcChange` {} - Emitted when the selected item changes."
+        },
+        {
+          "name": "onigcOpening",
+          "description": "`igcOpening` {} - Emitted just before the dropdown is open."
+        },
+        {
+          "name": "onigcOpened",
+          "description": "`igcOpened` {} - Emitted after the dropdown is open."
+        },
+        {
+          "name": "onigcClosing",
+          "description": "`igcClosing` {} - Emitter just before the dropdown is closed."
+        },
+        {
+          "name": "onigcClosed",
+          "description": "`igcClosed` {} - Emitted after closing the dropdown."
+        }
+      ]
+    },
     {
       "name": "igc-range-slider",
-      "description": "A range slider component used to select two numeric values within a range.\n\nEvents:\n\n  * `igcInput` {} - Emitted when a value is changed via thumb drag or keyboard interaction.\n\n  * `igcChange` {} - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\nAttributes:\n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `aria-label-lower` {`string`} - The aria label of the lower thumb.\n\n  * `aria-label-upper` {`string`} - The aria label of the upper thumb.\n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\n  * `hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-range-slider\"`} - \n\n  * `thumbFrom` {`HTMLElement`} - \n\n  * `thumbTo` {`HTMLElement`} - \n\n  * `_lower` {`number`} - \n\n  * `_upper` {`number`} - \n\n  * `lower` {`number`} - The current value of the lower thumb.\n\n  * `upper` {`number`} - The current value of the upper thumb.\n\n  * `ariaLabelLower` {`string`} - The aria label of the lower thumb.\n\n  * `ariaLabelUpper` {`string`} - The aria label of the upper thumb.\n\n  * `styles` - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `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` - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
       "attributes": [
         {
           "name": "lower",
@@ -2000,7 +2268,7 @@
     },
     {
       "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` - \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` - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - Disables the UI interactions of the slider.\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
       "attributes": [
         {
           "name": "value",
@@ -2169,7 +2437,7 @@
     },
     {
       "name": "igc-tabs",
-      "description": "Represents tabs component\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected tab changes.\n\nSlots:\n\n  * ` ` {} - Renders the tab header.\n\n  * `panel` {} - Renders the tab content.\n\nAttributes:\n\n  * `alignment` {`\"start\" | \"end\" | \"center\" | \"justify\"`} - Sets the alignment for the tab headers\n\n  * `activation` {`\"manual\" | \"auto\"`} - Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n\nProperties:\n\n  * `tagName` {`\"igc-tabs\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `tabs` {`IgcTabComponent[]`} - \n\n  * `panels` {`IgcTabPanelComponent[]`} - \n\n  * `wrapper` {`HTMLElement`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `selectedIndicator` {`HTMLElement`} - \n\n  * `showScrollButtons` {`boolean`} - \n\n  * `disableStartScrollButton` {`boolean`} - \n\n  * `disableEndScrollButton` {`boolean`} - \n\n  * `activeTab` - \n\n  * `resizeObserver` {`ResizeObserver`} - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `enabledTabs` {`IgcTabComponent[]`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `selected` {`string`} - Returns the currently selected tab.\n\n  * `alignment` {`\"start\" | \"end\" | \"center\" | \"justify\"`} - Sets the alignment for the tab headers\n\n  * `activation` {`\"manual\" | \"auto\"`} - Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n\n  * `handleKeyDown` - ",
+      "description": "Represents tabs component\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected tab changes.\n\nSlots:\n\n  * ` ` {} - Renders the tab header.\n\n  * `panel` {} - Renders the tab content.\n\nAttributes:\n\n  * `alignment` {`\"start\" | \"end\" | \"center\" | \"justify\"`} - Sets the alignment for the tab headers\n\n  * `activation` {`\"manual\" | \"auto\"`} - Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n\nProperties:\n\n  * `tagName` {`\"igc-tabs\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `tabs` {`IgcTabComponent[]`} - \n\n  * `panels` {`IgcTabPanelComponent[]`} - \n\n  * `wrapper` {`HTMLElement`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `selectedIndicator` {`HTMLElement`} - \n\n  * `showScrollButtons` {`boolean`} - \n\n  * `disableStartScrollButton` {`boolean`} - \n\n  * `disableEndScrollButton` {`boolean`} - \n\n  * `activeTab` - \n\n  * `resizeObserver` {`ResizeObserver`} - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `enabledTabs` {`IgcTabComponent[]`} - \n\n  * `selected` {`string`} - Returns the currently selected tab.\n\n  * `alignment` {`\"start\" | \"end\" | \"center\" | \"justify\"`} - Sets the alignment for the tab headers\n\n  * `activation` {`\"manual\" | \"auto\"`} - Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n\n  * `handleKeyDown` - ",
       "attributes": [
         {
           "name": "alignment",