igniteui-webcomponents 4.3.1 → 4.4.0

package/vscode-html-custom-data.json

@@ -95,7 +95,7 @@
     },
     {
       "name": "igc-button",
-      "description": "Represents a clickable button, used to submit forms or anywhere in a\ndocument for accessible, standard button functionality.\n\nEvents:\n\n  * `igcFocus` {} - Emitted when the button gains focus.\n\n  * `igcBlur` {} - Emitted when the button loses focus.\n\nSlots:\n\n  * ` ` {} - Renders the label of the button.\n\n  * `prefix` {} - Renders content before the label of the button.\n\n  * `suffix` {} - Renders content after the label of the button.\n\nAttributes:\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n  * `aria-label` {`string`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-button\"`} - \n\n  * `styles` - \n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `_ariaLabel` {`string`} - \n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n  * `ariaLabel` {`string`} - \n\n  * `classes` {`{ flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "Represents a clickable button, used to submit forms or anywhere in a\ndocument for accessible, standard button functionality.\n\nEvents:\n\n  * `igcFocus` {} - Emitted when the button gains focus.\n\n  * `igcBlur` {} - Emitted when the button loses focus.\n\nSlots:\n\n  * ` ` {} - Renders the label of the button.\n\n  * `prefix` {} - Renders content before the label of the button.\n\n  * `suffix` {} - Renders content after the label of the button.\n\nAttributes:\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-button\"`} - \n\n  * `styles` - \n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n  * `formAssociated` {`true`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `classes` {`{ flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \n\n  * `#internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "variant",
@@ -162,13 +162,9 @@
         },
         {
           "name": "disabled",
-          "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
-        {
-          "name": "aria-label",
-          "description": "`aria-label` {`string`} - \n\nProperty: ariaLabel"
-        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
@@ -185,7 +181,7 @@
     },
     {
       "name": "igc-icon-button",
-      "description": "Attributes:\n\n  * `name` {`string`} - The name of the icon.\n\n  * `collection` {`string`} - The name of the icon collection.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n  * `aria-label` {`string`} - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-icon-button\"`} - \n\n  * `styles` - \n\n  * `name` {`string`} - The name of the icon.\n\n  * `collection` {`string`} - The name of the icon collection.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `_ariaLabel` {`string`} - \n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n  * `ariaLabel` {`string`} - \n\n  * `classes` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "Attributes:\n\n  * `name` {`string`} - The name of the icon.\n\n  * `collection` {`string`} - The name of the icon collection.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-icon-button\"`} - \n\n  * `styles` - \n\n  * `name` {`string`} - The name of the icon.\n\n  * `collection` {`string`} - The name of the icon collection.\n\n  * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n  * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n  * `formAssociated` {`true`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `nativeElement` {`HTMLElement`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n  * `href` {`string`} - The URL the button points to.\n\n  * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n  * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n  * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `classes` - \n\n  * `#internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "name",
@@ -262,13 +258,9 @@
         },
         {
           "name": "disabled",
-          "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
-        {
-          "name": "aria-label",
-          "description": "`aria-label` {`string`} - \n\nProperty: ariaLabel"
-        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
@@ -625,41 +617,22 @@
     },
     {
       "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  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `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  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-checkbox\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - ",
       "attributes": [
         {
           "name": "indeterminate",
           "description": "`indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\nProperty: indeterminate\n\nDefault: false",
           "valueSet": "v"
         },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
         {
           "name": "value",
           "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
         },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disables the control.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "checked",
           "description": "`checked` {`boolean`} - The checked state of the control.\n\nProperty: checked\n\nDefault: false",
           "valueSet": "v"
         },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Controls the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "label-position",
           "description": "`label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\nProperty: labelPosition\n\nDefault: after",
@@ -673,8 +646,23 @@
           ]
         },
         {
-          "name": "aria-labelledby",
-          "description": "`aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperty: ariaLabelledby"
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
         },
         {
           "name": "onigcChange",
@@ -692,36 +680,17 @@
     },
     {
       "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  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `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  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-switch\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - ",
       "attributes": [
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
         {
           "name": "value",
           "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
         },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disables the control.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "checked",
           "description": "`checked` {`boolean`} - The checked state of the control.\n\nProperty: checked\n\nDefault: false",
           "valueSet": "v"
         },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Controls the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "label-position",
           "description": "`label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\nProperty: labelPosition\n\nDefault: after",
@@ -735,8 +704,23 @@
           ]
         },
         {
-          "name": "aria-labelledby",
-          "description": "`aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperty: ariaLabelledby"
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
         },
         {
           "name": "onigcChange",
@@ -844,27 +828,8 @@
     },
     {
       "name": "igc-combo",
-      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `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  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`ComboValue<T>[]`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_filteringOptions` {`FilteringOptions<T>`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `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  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `selection` {`T[]`} - Returns the current selection as an array of objects as provided in the `data` source.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - ",
+      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`ComboValue<T>[]`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_filteringOptions` {`FilteringOptions<T>`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `selection` {`T[]`} - Returns the current selection as an array of objects as provided in the `data` source.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - ",
       "attributes": [
-        {
-          "name": "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",
@@ -897,21 +862,6 @@
           "name": "placeholder-search",
           "description": "`placeholder-search` {`string`} - The placeholder attribute of the search input.\n\nProperty: placeholderSearch\n\nDefault: Search"
         },
-        {
-          "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": "open",
           "description": "`open` {`boolean`} - Sets the open state of the component.\n\nProperty: open\n\nDefault: false",
@@ -967,6 +917,25 @@
           "name": "value",
           "description": "`value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperty: value"
         },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "onigcFocus",
           "description": "`igcFocus` {} - Emitted when the select gains focus."
@@ -999,21 +968,27 @@
     },
     {
       "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`} - Whether the control will have outlined appearance.\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` {`MaskRange`} - \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` {`MaskRange`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\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` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `max` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `min-value` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `max-value` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `display-format` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spin-loop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-date-time-input\"`} - \n\n  * `_defaultMask` {`string`} - \n\n  * `_value` {`Date | null`} - \n\n  * `_oldValue` {`Date | null`} - \n\n  * `_inputDateParts` {`DatePartInfo[]`} - \n\n  * `_inputFormat` {`string`} - \n\n  * `_datePartDeltas` {`DatePartDeltas`} - \n\n  * `inputFormat` {`string`} - The date format to apply on the input.\n\n  * `min` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `max` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `minValue` {`Date`} - The minimum value required for the input to remain valid.\n\n  * `maxValue` {`Date`} - The maximum value required for the input to remain valid.\n\n  * `displayFormat` {`string`} - Format to display the value in when not editing.\nDefaults to the input format if not set.\n\n  * `spinDelta` {`DatePartDeltas`} - Delta values used to increment or decrement each date part on step actions.\nAll values default to `1`.\n\n  * `spinLoop` {`boolean`} - Sets whether to loop over the currently spun segment.\n\n  * `locale` {`string`} - The locale settings used to display the value.\n\n  * `hasDateParts` {`boolean`} - \n\n  * `hasTimeParts` {`boolean`} - \n\n  * `targetDatePart` {`DatePart | undefined`} - \n\n  * `datePartDeltas` {`DatePartDeltas`} - \n\n  * `keyMap` {`Map<string, ((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => Promise<void>) | ((event: KeyboardEvent) => void)>`} - \n\n  * `parser` - \n\n  * `selection` {`MaskRange`} - \n\n  * `compositionStart` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `inputSelection` {`MaskRange`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`Date | null`} - The value of the input.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `handleSlotChange` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "input-format",
           "description": "`input-format` {`string`} - The date format to apply on the input.\n\nProperty: inputFormat"
         },
+        {
+          "name": "min",
+          "description": "`min` {`Date`} - The minimum value required for the input to remain valid.\n\nProperty: min"
+        },
+        {
+          "name": "max",
+          "description": "`max` {`Date`} - The maximum value required for the input to remain valid.\n\nProperty: max"
+        },
         {
           "name": "min-value",
-          "description": "`min-value` {`Date | null`} - The minimum value required for the input to remain valid.\n\nProperty: minValue",
-          "values": []
+          "description": "`min-value` {`Date`} - The minimum value required for the input to remain valid.\n\nProperty: minValue"
         },
         {
           "name": "max-value",
-          "description": "`max-value` {`Date | null`} - The maximum value required for the input to remain valid.\n\nProperty: maxValue",
-          "values": []
+          "description": "`max-value` {`Date`} - The maximum value required for the input to remain valid.\n\nProperty: maxValue"
         },
         {
           "name": "display-format",
@@ -1032,53 +1007,24 @@
           "name": "prompt",
           "description": "`prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\nProperty: prompt"
         },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Controls the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "value",
           "description": "`value` {`Date | null`} - The value of the input.\n\nProperty: value",
           "values": []
         },
-        {
-          "name": "dir",
-          "description": "`dir` {`Direction`} - The direction attribute of the control.\n\nProperty: dir\n\nDefault: auto",
-          "values": [
-            {
-              "name": "ltr"
-            },
-            {
-              "name": "rtl"
-            },
-            {
-              "name": "auto"
-            }
-          ]
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
         {
           "name": "outlined",
           "description": "`outlined` {`boolean`} - Whether the control will have outlined appearance.\n\nProperty: outlined\n\nDefault: false",
           "valueSet": "v"
         },
         {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Makes the control a disabled field.\n\nProperty: disabled\n\nDefault: false",
+          "name": "readOnly",
+          "description": "`readOnly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
           "valueSet": "v"
         },
         {
           "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly\n\nDefault: false",
+          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly",
           "valueSet": "v"
         },
         {
@@ -1089,6 +1035,25 @@
           "name": "label",
           "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
         },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
@@ -1419,7 +1384,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  * `tabIndex` {`number`} - \n\n  * `value` {`string`} - The value 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`} - Whether the control will have outlined appearance.\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 of the control.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\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  * `minLength` {`number`} - The minimum string length required by the control.\n\n  * `minlength` {`number`} - The minlength attribute of the control.\n\n  * `maxLength` {`number`} - The maximum string length of the control.\n\n  * `maxlength` {`number`} - The maxlength attribute of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `tabIndex` {`number`} - \n\n  * `value` {`string`} - The value of the control.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-input\"`} - \n\n  * `isStringType` {`boolean`} - \n\n  * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n  * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n  * `pattern` {`string`} - The pattern attribute of the control.\n\n  * `minLength` {`number`} - The minimum string length required by the control.\n\n  * `minlength` {`number`} - The minlength attribute of the control.\n\n  * `maxLength` {`number`} - The maximum string length of the control.\n\n  * `maxlength` {`number`} - The maxlength attribute of the control.\n\n  * `min` {`string | number`} - The min attribute of the control.\n\n  * `max` {`string | number`} - The max attribute of the control.\n\n  * `step` {`number`} - The step attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n  * `tabIndex` {`number`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value of the control.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `handleSlotChange` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "type",
@@ -1483,14 +1448,17 @@
           "description": "`pattern` {`string`} - The pattern attribute of the control.\n\nProperty: pattern"
         },
         {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Controls the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
+          "name": "minLength",
+          "description": "`minLength` {`number`} - The minimum string length required by the control.\n\nProperty: minLength"
         },
         {
           "name": "minlength",
           "description": "`minlength` {`number`} - The minlength attribute of the control.\n\nProperty: minlength"
         },
+        {
+          "name": "maxLength",
+          "description": "`maxLength` {`number`} - The maximum string length of the control.\n\nProperty: maxLength"
+        },
         {
           "name": "maxlength",
           "description": "`maxlength` {`number`} - The maxlength attribute of the control.\n\nProperty: maxlength"
@@ -1526,43 +1494,19 @@
           "name": "value",
           "description": "`value` {`string`} - The value of the control.\n\nProperty: value\n\nDefault: "
         },
-        {
-          "name": "dir",
-          "description": "`dir` {`Direction`} - The direction attribute of the control.\n\nProperty: dir\n\nDefault: auto",
-          "values": [
-            {
-              "name": "ltr"
-            },
-            {
-              "name": "rtl"
-            },
-            {
-              "name": "auto"
-            }
-          ]
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
         {
           "name": "outlined",
           "description": "`outlined` {`boolean`} - Whether the control will have outlined appearance.\n\nProperty: outlined\n\nDefault: false",
           "valueSet": "v"
         },
         {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Makes the control a disabled field.\n\nProperty: disabled\n\nDefault: false",
+          "name": "readOnly",
+          "description": "`readOnly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
           "valueSet": "v"
         },
         {
           "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly\n\nDefault: false",
+          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly",
           "valueSet": "v"
         },
         {
@@ -1573,6 +1517,25 @@
           "name": "label",
           "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
         },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
@@ -1628,7 +1591,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`} - Whether the control will have outlined appearance.\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` {`MaskRange`} - \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` {`MaskRange`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\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  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-mask-input\"`} - \n\n  * `_value` {`string`} - \n\n  * `valueMode` {`\"raw\" | \"withFormatting\"`} - Dictates the behavior when retrieving the value of the control:\n\n- `raw` will return the clean user input.\n- `withFormatting` will return the value with all literals and prompts.\n\n  * `mask` {`string`} - The mask pattern to apply on the input.\n\n  * `parser` - \n\n  * `selection` {`MaskRange`} - \n\n  * `compositionStart` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `maskedValue` {`string`} - \n\n  * `_mask` {`string`} - \n\n  * `prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\n  * `inputSelection` {`MaskRange`} - \n\n  * `emptyMask` {`string`} - \n\n  * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; }`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `prefixes` {`HTMLElement[]`} - \n\n  * `suffixes` {`HTMLElement[]`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `outlined` {`boolean`} - Whether the control will have outlined appearance.\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Makes the control a readonly field.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `label` {`string`} - The label for the control.\n\n  * `handleSlotChange` - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "value-mode",
@@ -1650,52 +1613,23 @@
           "name": "prompt",
           "description": "`prompt` {`string`} - The prompt symbol to use for unfilled parts of the mask.\n\nProperty: prompt"
         },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Controls the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "value",
           "description": "`value` {`string`} - The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.\n\nProperty: value"
         },
-        {
-          "name": "dir",
-          "description": "`dir` {`Direction`} - The direction attribute of the control.\n\nProperty: dir\n\nDefault: auto",
-          "values": [
-            {
-              "name": "ltr"
-            },
-            {
-              "name": "rtl"
-            },
-            {
-              "name": "auto"
-            }
-          ]
-        },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
         {
           "name": "outlined",
           "description": "`outlined` {`boolean`} - Whether the control will have outlined appearance.\n\nProperty: outlined\n\nDefault: false",
           "valueSet": "v"
         },
         {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Makes the control a disabled field.\n\nProperty: disabled\n\nDefault: false",
+          "name": "readOnly",
+          "description": "`readOnly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
           "valueSet": "v"
         },
         {
           "name": "readonly",
-          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly\n\nDefault: false",
+          "description": "`readonly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readonly",
           "valueSet": "v"
         },
         {
@@ -1706,6 +1640,25 @@
           "name": "label",
           "description": "`label` {`string`} - The label for the control.\n\nProperty: label"
         },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
@@ -1941,7 +1894,7 @@
     },
     {
       "name": "igc-radio-group",
-      "description": "Attributes:\n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - Alignment of the radio controls inside this group.\n\nProperties:\n\n  * `tagName` {`\"igc-radio-group\"`} - \n\n  * `styles` - \n\n  * `radios` {`IgcRadioComponent[]`} - \n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - Alignment of the radio controls inside this group.\n\n  * `handleKeydown` - ",
+      "description": "Attributes:\n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - Alignment of the radio controls inside this group.\n\nProperties:\n\n  * `tagName` {`\"igc-radio-group\"`} - \n\n  * `styles` - \n\n  * `alignment` {`\"vertical\" | \"horizontal\"`} - Alignment of the radio controls inside this group.",
       "attributes": [
         {
           "name": "alignment",
@@ -1959,36 +1912,17 @@
     },
     {
       "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  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `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  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-radio\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `label` {`Node[]`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `hideLabel` {`boolean`} - \n\n  * `radioGroup` {`RadioQueryResult`} - \n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - ",
       "attributes": [
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
-        },
         {
           "name": "value",
           "description": "`value` {`string`} - The value attribute of the control.\n\nProperty: value"
         },
-        {
-          "name": "required",
-          "description": "`required` {`boolean`} - Makes the control a required field.\n\nProperty: required\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "checked",
           "description": "`checked` {`boolean`} - The checked state of the control.\n\nProperty: checked\n\nDefault: false",
           "valueSet": "v"
         },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disables the radio control.\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "invalid",
-          "description": "`invalid` {`boolean`} - Controls the validity of the control.\n\nProperty: invalid\n\nDefault: false",
-          "valueSet": "v"
-        },
         {
           "name": "label-position",
           "description": "`label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\nProperty: labelPosition\n\nDefault: after",
@@ -2002,8 +1936,23 @@
           ]
         },
         {
-          "name": "aria-labelledby",
-          "description": "`aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperty: ariaLabelledby"
+          "name": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
         },
         {
           "name": "onigcChange",
@@ -2026,7 +1975,7 @@
     },
     {
       "name": "igc-rating",
-      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n\nEvents:\n\n  * `igcChange` {} - Emitted when the value of the control changes.\n\n  * `igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\nAttributes:\n\n  * `max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\n  * `step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\n  * `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.",
+      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n\nEvents:\n\n  * `igcChange` {} - Emitted when the value of the control changes.\n\n  * `igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\nAttributes:\n\n  * `max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\n  * `step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\n  * `label` {`string`} - The label of the control.\n\n  * `value-format` {`string`} - A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Sets the readonly state of the component\n\n  * `single` {`boolean`} - Toggles single selection visual mode.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-rating\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `ratingSymbols` {`IgcRatingSymbolComponent[]`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `valueLabel` {`Node[]`} - \n\n  * `hoverValue` {`number`} - \n\n  * `hoverState` {`boolean`} - \n\n  * `isInteractive` {`boolean`} - \n\n  * `hasProjectedSymbols` {`boolean`} - \n\n  * `valueText` {`string`} - \n\n  * `max` {`number`} - The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.\n\n  * `step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\n  * `label` {`string`} - The label of the control.\n\n  * `valueFormat` {`string`} - A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `hoverPreview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readOnly` {`boolean`} - Makes the control a readonly field.\n\n  * `readonly` {`boolean`} - Sets the readonly state of the component\n\n  * `single` {`boolean`} - Toggles single selection visual mode.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<any>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "max",
@@ -2036,10 +1985,6 @@
           "name": "step",
           "description": "`step` {`number`} - The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.\n\nProperty: step\n\nDefault: 1"
         },
-        {
-          "name": "name",
-          "description": "`name` {`string`} - The name attribute of the control\n\nProperty: name"
-        },
         {
           "name": "label",
           "description": "`label` {`string`} - The label of the control.\n\nProperty: label"
@@ -2053,18 +1998,18 @@
           "description": "`value` {`number`} - The current value of the component\n\nProperty: value\n\nDefault: 0"
         },
         {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - Sets the disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "name": "hover-preview",
+          "description": "`hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\nProperty: hoverPreview\n\nDefault: false",
           "valueSet": "v"
         },
         {
-          "name": "hover-preview",
-          "description": "`hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\nProperty: hoverPreview\n\nDefault: false",
+          "name": "readOnly",
+          "description": "`readOnly` {`boolean`} - Makes the control a readonly field.\n\nProperty: readOnly\n\nDefault: false",
           "valueSet": "v"
         },
         {
           "name": "readonly",
-          "description": "`readonly` {`boolean`} - Sets the readonly state of the component\n\nProperty: readonly\n\nDefault: false",
+          "description": "`readonly` {`boolean`} - Sets the readonly state of the component\n\nProperty: readonly",
           "valueSet": "v"
         },
         {
@@ -2072,6 +2017,20 @@
           "description": "`single` {`boolean`} - Toggles single selection visual mode.\n\nProperty: single\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
@@ -2145,32 +2104,13 @@
     },
     {
       "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.",
+      "description": "Events:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `value` {`string | undefined`} - The value attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `searchTerm` {`string`} - \n\n  * `lastKeyTime` {`number`} - \n\n  * `targetKeyHandlers` {`Map<string, Function>`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `value` {`string | undefined`} - The value attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `required` {`boolean`} - Makes the control a required field in a form context.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<this>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - \n\n  * `tagName` {`\"igc-select\"`} - \n\n  * `styles` - \n\n  * `selectedItem` - \n\n  * `activeItem` - \n\n  * `target` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `allItems` {`IgcDropdownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcSelectItemComponent[]`} - \n\n  * `groups` {`IgcSelectGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "value",
           "description": "`value` {`string | undefined`} - The value attribute of the control.\n\nProperty: value",
           "values": []
         },
-        {
-          "name": "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",
@@ -2190,19 +2130,23 @@
           "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": "required",
+          "description": "`required` {`boolean`} - Makes the control a required field in a form context.\n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
         },
         {
           "name": "keep-open-on-select",
@@ -2459,15 +2403,20 @@
     },
     {
       "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  * `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 component.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lower-bound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upper-bound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `discrete-track` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hide-tooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primary-ticks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondary-ticks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tick-orientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hide-primary-labels` {`boolean`} - Hides the primary tick labels.\n\n  * `hide-secondary-labels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `value-format` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `tick-label-rotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\nProperties:\n\n  * `tagName` {`\"igc-slider\"`} - \n\n  * `value` {`number`} - The current value of the component.\n\n  * `formAssociated` {`true`} - \n\n  * `validators` {`Validator<any>[]`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_invalid` {`boolean`} - \n\n  * `_dirty` {`boolean`} - \n\n  * `_defaultValue` {`unknown`} - The default value of the control at \"creation\" time.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `form` - Returns the HTMLFormElement associated with this element.\n\n  * `validity` - Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.\n\n  * `validationMessage` - A string containing the validation message of this element.\n\n  * `willValidate` - A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.\n\n  * `invalid` {`boolean`} - Control the validity of the control.\n\n  * `handleInvalid` - \n\n  * `#internals` - \n\n  * `styles` - \n\n  * `thumb` {`HTMLElement`} - \n\n  * `labelElements` {`HTMLElement[]`} - \n\n  * `_lowerBound` {`number | undefined`} - \n\n  * `_upperBound` {`number | undefined`} - \n\n  * `_min` {`number`} - \n\n  * `_max` {`number`} - \n\n  * `_step` {`number`} - \n\n  * `startValue` {`number | undefined`} - \n\n  * `pointerCaptured` {`boolean`} - \n\n  * `thumbHoverTimer` - \n\n  * `activeThumb` {`HTMLElement | undefined`} - \n\n  * `thumbLabelsVisible` {`boolean`} - \n\n  * `labels` {`string[] | undefined`} - \n\n  * `min` {`number`} - The minimum value of the slider scale. Defaults to 0.\n\n  * `max` {`number`} - The maximum value of the slider scale. Defaults to 100.\n\n  * `lowerBound` {`number | undefined`} - The lower bound of the slider value. If not set, the `min` value is applied.\n\n  * `upperBound` {`number | undefined`} - The upper bound of the slider value. If not set, the `max` value is applied.\n\n  * `disabled` {`boolean`} - The disabled state of the component\n\n  * `discreteTrack` {`boolean`} - Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n\n  * `hideTooltip` {`boolean`} - Hides the thumb tooltip.\n\n  * `step` {`number`} - Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.\n\n  * `primaryTicks` {`number`} - The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n\n  * `secondaryTicks` {`number`} - The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n\n  * `tickOrientation` {`\"start\" | \"end\" | \"mirror\"`} - Changes the orientation of the ticks.\n\n  * `hidePrimaryLabels` {`boolean`} - Hides the primary tick labels.\n\n  * `hideSecondaryLabels` {`boolean`} - Hides the secondary tick labels.\n\n  * `locale` {`string`} - The locale used to format the thumb and tick label values in the slider.\n\n  * `valueFormat` {`string | undefined`} - String format used for the thumb and tick label values in the slider.\n\n  * `valueFormatOptions` {`NumberFormatOptions | undefined`} - Number format options used for the thumb and tick label values in the slider.\n\n  * `tickLabelRotation` {`0 | 90 | -90`} - The degrees for the rotation of the tick labels. Defaults to 0.\n\n  * `activeValue` {`number`} - \n\n  * `actualMin` {`number`} - \n\n  * `actualMax` {`number`} - \n\n  * `pointerDown` - \n\n  * `pointerMove` - \n\n  * `lostPointerCapture` - \n\n  * `handleKeydown` - \n\n  * `handleThumbPointerEnter` - \n\n  * `handleThumbPointerLeave` - ",
       "attributes": [
         {
           "name": "value",
-          "description": "`value` {`number`} - The current value of the slider.\n\nProperty: value"
+          "description": "`value` {`number`} - The current value of the component.\n\nProperty: value\n\nDefault: 0"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control.\n\nProperty: name"
         },
         {
-          "name": "aria-label",
-          "description": "`aria-label` {`string`} - The aria label of the slider thumb.\n\nProperty: ariaLabel"
+          "name": "invalid",
+          "description": "`invalid` {`boolean`} - Control the validity of the control.\n\nProperty: invalid\n\nDefault: false",
+          "valueSet": "v"
         },
         {
           "name": "min",
@@ -2489,7 +2438,7 @@
         },
         {
           "name": "disabled",
-          "description": "`disabled` {`boolean`} - Disables the UI interactions of the slider.\n\nProperty: disabled\n\nDefault: false",
+          "description": "`disabled` {`boolean`} - The disabled state of the component\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
         {
@@ -2603,7 +2552,7 @@
     },
     {
       "name": "igc-step",
-      "description": "The step component is used within the `igc-stepper` element and it holds the content of each step.\nIt also supports custom indicators, title and subtitle.\n\nEvents:\n\n  * `stepActiveChanged` {`CustomEvent<boolean>`} - \n\n  * `stepDisabledInvalidChanged` {`CustomEvent<unknown>`} - \n\n  * `stepCompleteChanged` {`CustomEvent<unknown>`} - \n\n  * `stepHeaderKeydown` {`CustomEvent<{ event: KeyboardEvent; focusedStep: this; }>`} - \n\nSlots:\n\n  * ` ` {} - Renders the content of the step.\n\n  * `indicator` {} - Renders the indicator of the step. By default, it displays the step index + 1.\n\n  * `title` {} - Renders the title of the step.\n\n  * `subtitle` {} - Renders the subtitle of the step.\n\nAttributes:\n\n  * `invalid` {`boolean`} - Gets/sets whether the step is invalid.\n\n  * `active` {`boolean`} - Gets/sets whether the step is activе.\n\n  * `optional` {`boolean`} - Gets/sets whether the step is optional.\n\n  * `disabled` {`boolean`} - Gets/sets whether the step is interactable.\n\n  * `complete` {`boolean`} - Gets/sets whether the step is completed.\n\nProperties:\n\n  * `tagName` {`\"igc-step\"`} - \n\n  * `styles` - \n\n  * `_titleChildren` {`HTMLElement[]`} - \n\n  * `_subTitleChildren` {`HTMLElement[]`} - \n\n  * `header` {`HTMLElement`} - \n\n  * `contentBody` {`HTMLElement`} - \n\n  * `invalid` {`boolean`} - Gets/sets whether the step is invalid.\n\n  * `active` {`boolean`} - Gets/sets whether the step is activе.\n\n  * `optional` {`boolean`} - Gets/sets whether the step is optional.\n\n  * `disabled` {`boolean`} - Gets/sets whether the step is interactable.\n\n  * `complete` {`boolean`} - Gets/sets whether the step is completed.\n\n  * `previousComplete` {`boolean`} - \n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - \n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - \n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - \n\n  * `index` {`number`} - \n\n  * `contentTop` {`boolean`} - \n\n  * `linearDisabled` {`boolean`} - \n\n  * `visited` {`boolean`} - \n\n  * `isAccessible` {`boolean`} - \n\n  * `headerContainerParts` {`{ 'header-container': boolean; disabled: boolean; 'complete-start': boolean; 'complete-end': boolean; optional: boolean; invalid: boolean; top: boolean; bottom: boolean; start: boolean; end: boolean; }`} - \n\n  * `textParts` {`{ text: boolean; empty: boolean; }`} - ",
+      "description": "The step component is used within the `igc-stepper` element and it holds the content of each step.\nIt also supports custom indicators, title and subtitle.\n\nEvents:\n\n  * `stepActiveChanged` {`CustomEvent<boolean>`} - \n\n  * `stepDisabledInvalidChanged` {`CustomEvent<unknown>`} - \n\n  * `stepCompleteChanged` {`CustomEvent<unknown>`} - \n\n  * `stepHeaderKeydown` {`CustomEvent<{ event: KeyboardEvent; focusedStep: this; }>`} - \n\nSlots:\n\n  * ` ` {} - Renders the content of the step.\n\n  * `indicator` {} - Renders the indicator of the step. By default, it displays the step index + 1.\n\n  * `title` {} - Renders the title of the step.\n\n  * `subtitle` {} - Renders the subtitle of the step.\n\nAttributes:\n\n  * `invalid` {`boolean`} - Gets/sets whether the step is invalid.\n\n  * `active` {`boolean`} - Gets/sets whether the step is activе.\n\n  * `optional` {`boolean`} - Gets/sets whether the step is optional.\n\n  * `disabled` {`boolean`} - Gets/sets whether the step is interactable.\n\n  * `complete` {`boolean`} - Gets/sets whether the step is completed.\n\nProperties:\n\n  * `tagName` {`\"igc-step\"`} - \n\n  * `styles` - \n\n  * `animationPlayer` - \n\n  * `_titleChildren` {`HTMLElement[]`} - \n\n  * `_subTitleChildren` {`HTMLElement[]`} - \n\n  * `header` {`HTMLElement`} - \n\n  * `contentBody` {`HTMLElement`} - \n\n  * `body` {`HTMLElement`} - \n\n  * `invalid` {`boolean`} - Gets/sets whether the step is invalid.\n\n  * `active` {`boolean`} - Gets/sets whether the step is activе.\n\n  * `optional` {`boolean`} - Gets/sets whether the step is optional.\n\n  * `disabled` {`boolean`} - Gets/sets whether the step is interactable.\n\n  * `complete` {`boolean`} - Gets/sets whether the step is completed.\n\n  * `previousComplete` {`boolean`} - \n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - \n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - \n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - \n\n  * `index` {`number`} - \n\n  * `contentTop` {`boolean`} - \n\n  * `linearDisabled` {`boolean`} - \n\n  * `visited` {`boolean`} - \n\n  * `animation` {`Animation`} - \n\n  * `animationDuration` {`number`} - \n\n  * `isAccessible` {`boolean`} - \n\n  * `headerContainerParts` {`{ 'header-container': boolean; disabled: boolean; 'complete-start': boolean; 'complete-end': boolean; optional: boolean; invalid: boolean; top: boolean; bottom: boolean; start: boolean; end: boolean; }`} - \n\n  * `textParts` {`{ text: boolean; empty: boolean; }`} - ",
       "attributes": [
         {
           "name": "invalid",
@@ -2650,7 +2599,7 @@
     },
     {
       "name": "igc-stepper",
-      "description": "IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n\nEvents:\n\n  * `igcActiveStepChanging` {} - Emitted when the active step is about to change.\n\n  * `igcActiveStepChanged` {} - Emitted when the active step is changed.\n\nSlots:\n\n  * ` ` {} - Renders the step components inside default slot.\n\nAttributes:\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `step-type` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `content-top` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `title-position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\nProperties:\n\n  * `tagName` {`\"igc-stepper\"`} - \n\n  * `styles` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `activeStep` - \n\n  * `steps` {`IgcStepComponent[]`} - Returns all of the stepper's steps.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `contentTop` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.",
+      "description": "IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n\nEvents:\n\n  * `igcActiveStepChanging` {} - Emitted when the active step is about to change.\n\n  * `igcActiveStepChanged` {} - Emitted when the active step is changed.\n\nSlots:\n\n  * ` ` {} - Renders the step components inside default slot.\n\nAttributes:\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `step-type` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `content-top` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `vertical-animation` {`\"none\" | \"grow\" | \"fade\"`} - The animation type when in vertical mode.\n\n  * `horizontal-animation` {`\"none\" | \"fade\" | \"slide\"`} - The animation type when in horizontal mode.\n\n  * `animation-duration` {`number`} - The animation duration in either vertical or horizontal mode.\n\n  * `title-position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\nProperties:\n\n  * `tagName` {`\"igc-stepper\"`} - \n\n  * `styles` - \n\n  * `keyDownHandlers` {`Map<string, Function>`} - \n\n  * `activeStep` - \n\n  * `steps` {`IgcStepComponent[]`} - Returns all of the stepper's steps.\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - Gets/Sets the orientation of the stepper.\n\n  * `stepType` {`\"indicator\" | \"title\" | \"full\"`} - Get/Set the type of the steps.\n\n  * `linear` {`boolean`} - Get/Set whether the stepper is linear.\n\n  * `contentTop` {`boolean`} - Get/Set whether the content is displayed above the steps.\n\n  * `verticalAnimation` {`\"none\" | \"grow\" | \"fade\"`} - The animation type when in vertical mode.\n\n  * `horizontalAnimation` {`\"none\" | \"fade\" | \"slide\"`} - The animation type when in horizontal mode.\n\n  * `animationDuration` {`number`} - The animation duration in either vertical or horizontal mode.\n\n  * `titlePosition` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.",
       "attributes": [
         {
           "name": "orientation",
@@ -2690,20 +2639,39 @@
           "valueSet": "v"
         },
         {
-          "name": "dir",
-          "description": "`dir` {`Direction`} - The direction attribute of the control.\n\nProperty: dir\n\nDefault: auto",
+          "name": "vertical-animation",
+          "description": "`vertical-animation` {`\"none\" | \"grow\" | \"fade\"`} - The animation type when in vertical mode.\n\nProperty: verticalAnimation\n\nDefault: grow",
           "values": [
             {
-              "name": "ltr"
+              "name": "none"
             },
             {
-              "name": "rtl"
+              "name": "grow"
             },
             {
-              "name": "auto"
+              "name": "fade"
+            }
+          ]
+        },
+        {
+          "name": "horizontal-animation",
+          "description": "`horizontal-animation` {`\"none\" | \"fade\" | \"slide\"`} - The animation type when in horizontal mode.\n\nProperty: horizontalAnimation\n\nDefault: slide",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "fade"
+            },
+            {
+              "name": "slide"
             }
           ]
         },
+        {
+          "name": "animation-duration",
+          "description": "`animation-duration` {`number`} - The animation duration in either vertical or horizontal mode.\n\nProperty: animationDuration\n\nDefault: 320"
+        },
         {
           "name": "title-position",
           "description": "`title-position` {`\"top\" | \"bottom\" | \"start\" | \"end\" | undefined`} - Get/Set the position of the steps title.\n\nProperty: titlePosition",
@@ -2863,7 +2831,7 @@
     },
     {
       "name": "igc-tree",
-      "description": "The tree allows users to represent hierarchical data in a tree-view structure,\nmaintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.\n\nEvents:\n\n  * `igcSelection` {} - Emitted when item selection is changing, before the selection completes.\n\n  * `igcItemCollapsed` {} - Emitted when tree item is collapsed.\n\n  * `igcItemCollapsing` {} - Emitted when tree item is about to collapse.\n\n  * `igcItemExpanded` {} - Emitted when tree item is expanded.\n\n  * `igcItemExpanding` {} - Emitted when tree item is about to expand.\n\n  * `igcItemActivated` {} - Emitted when the tree's `active` item changes.\n\nSlots:\n\n  * ` ` {} - Renders the tree items inside default slot.\n\nAttributes:\n\n  * `single-branch-expand` {`boolean`} - Whether a single or multiple of a parent's child items can be expanded.\n\n  * `selection` {`\"multiple\" | \"none\" | \"cascade\"`} - The selection state of the tree.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-tree\"`} - \n\n  * `styles` - \n\n  * `singleBranchExpand` {`boolean`} - Whether a single or multiple of a parent's child items can be expanded.\n\n  * `selection` {`\"multiple\" | \"none\" | \"cascade\"`} - The selection state of the tree.\n\n  * `dir` {`Direction`} - The direction attribute of the control.\n\n  * `items` {`IgcTreeItemComponent[]`} - Returns all of the tree's items.\n\n  * `selectionService` - \n\n  * `navService` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "description": "The tree allows users to represent hierarchical data in a tree-view structure,\nmaintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.\n\nEvents:\n\n  * `igcSelection` {} - Emitted when item selection is changing, before the selection completes.\n\n  * `igcItemCollapsed` {} - Emitted when tree item is collapsed.\n\n  * `igcItemCollapsing` {} - Emitted when tree item is about to collapse.\n\n  * `igcItemExpanded` {} - Emitted when tree item is expanded.\n\n  * `igcItemExpanding` {} - Emitted when tree item is about to expand.\n\n  * `igcItemActivated` {} - Emitted when the tree's `active` item changes.\n\nSlots:\n\n  * ` ` {} - Renders the tree items inside default slot.\n\nAttributes:\n\n  * `single-branch-expand` {`boolean`} - Whether a single or multiple of a parent's child items can be expanded.\n\n  * `selection` {`\"multiple\" | \"none\" | \"cascade\"`} - The selection state of the tree.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-tree\"`} - \n\n  * `styles` - \n\n  * `singleBranchExpand` {`boolean`} - Whether a single or multiple of a parent's child items can be expanded.\n\n  * `selection` {`\"multiple\" | \"none\" | \"cascade\"`} - The selection state of the tree.\n\n  * `items` {`IgcTreeItemComponent[]`} - Returns all of the tree's items.\n\n  * `selectionService` - \n\n  * `navService` - \n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
       "attributes": [
         {
           "name": "single-branch-expand",
@@ -2885,21 +2853,6 @@
             }
           ]
         },
-        {
-          "name": "dir",
-          "description": "`dir` {`Direction`} - The direction attribute of the control.\n\nProperty: dir\n\nDefault: auto",
-          "values": [
-            {
-              "name": "ltr"
-            },
-            {
-              "name": "rtl"
-            },
-            {
-              "name": "auto"
-            }
-          ]
-        },
         {
           "name": "size",
           "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",