igniteui-webcomponents 4.7.0 → 4.8.0

package/custom-elements.json

@@ -645,64 +645,32 @@
       "path": "src/animations/player.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "AnimationPlayer",
-          "members": [
+          "kind": "function",
+          "name": "addAnimationController",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "target",
+              "name": "host",
               "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private",
-              "default": "target"
-            },
-            {
-              "kind": "method",
-              "name": "prefersReducedMotion",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "parseKeyframes",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "keyframes",
-                  "type": {
-                    "text": "Keyframe[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "play",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "animation",
-                  "type": {
-                    "text": "AnimationReferenceMetadata"
-                  }
-                }
-              ]
+                "text": "ReactiveControllerHost & HTMLElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "stopAll",
-              "privacy": "public"
+              "name": "target",
+              "optional": true,
+              "type": {
+                "text": "Ref<HTMLElement> | HTMLElement"
+              }
             }
-          ]
+          ],
+          "description": "Creates and attaches an animation player instance to the passed in `host` element.\nThe player will run animations on the passed in `target`, or if `target` is undefined,\nthe host element itself."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AnimationPlayer",
+          "name": "addAnimationController",
           "declaration": {
-            "name": "AnimationPlayer",
+            "name": "addAnimationController",
             "module": "src/animations/player.ts"
           }
         }
@@ -1344,7 +1312,7 @@
               "privacy": "public",
               "default": "'small'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -1407,7 +1375,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -1797,7 +1765,7 @@
               "privacy": "public",
               "default": "'medium'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -1977,7 +1945,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -2114,7 +2082,7 @@
               "privacy": "public",
               "default": "'medium'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -2533,7 +2501,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -2788,7 +2756,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -3216,7 +3184,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -3374,29 +3342,31 @@
             },
             {
               "kind": "field",
-              "name": "_selectedItems",
-              "type": {
-                "text": "Set<string>"
-              },
+              "name": "isMultiple",
               "privacy": "private",
-              "default": "new Set()"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "mutationObserver",
+              "name": "_selectedItems",
               "type": {
-                "text": "MutationObserver"
+                "text": "Set<string>"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "new Set()"
             },
             {
-              "kind": "field",
-              "name": "observerConfig",
-              "type": {
-                "text": "MutationObserverInit"
-              },
+              "kind": "method",
+              "name": "_observerCallback",
               "privacy": "private",
-              "default": "{\n    attributeFilter: ['selected'],\n    childList: true,\n    subtree: true,\n  }"
+              "parameters": [
+                {
+                  "name": "{\n    changes: { added, attributes },\n  }",
+                  "type": {
+                    "text": "MutationControllerParams<IgcToggleButtonComponent>"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -3548,24 +3518,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "setMutationsObserver",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getAddedButtons",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "records",
-                  "type": {
-                    "text": "MutationRecord[]"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "addEventListener",
@@ -4448,7 +4400,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -4822,7 +4774,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -8061,7 +8013,7 @@
               "privacy": "public",
               "default": "'medium'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -8254,7 +8206,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -8935,7 +8887,7 @@
               "kind": "field",
               "name": "groupSorting",
               "type": {
-                "text": "\"asc\" | \"desc\""
+                "text": "\"asc\" | \"desc\" | \"none\""
               },
               "privacy": "public",
               "default": "'asc'",
@@ -10042,7 +9994,7 @@
             {
               "name": "group-sorting",
               "type": {
-                "text": "\"asc\" | \"desc\""
+                "text": "\"asc\" | \"desc\" | \"none\""
               },
               "default": "'asc'",
               "description": "Sorts the items in each group by ascending or descending order.",
@@ -10283,18 +10235,6 @@
             }
           ]
         },
-        {
-          "kind": "function",
-          "name": "extractText",
-          "parameters": [
-            {
-              "name": "arr",
-              "type": {
-                "text": "T[]"
-              }
-            }
-          ]
-        },
         {
           "kind": "function",
           "name": "format",
@@ -10422,6 +10362,23 @@
             }
           ]
         },
+        {
+          "kind": "function",
+          "name": "isElement",
+          "return": {
+            "type": {
+              "text": "node is Element"
+            }
+          },
+          "parameters": [
+            {
+              "name": "node",
+              "type": {
+                "text": "unknown"
+              }
+            }
+          ]
+        },
         {
           "kind": "function",
           "name": "groupBy",
@@ -10490,14 +10447,6 @@
             "module": "src/components/common/util.ts"
           }
         },
-        {
-          "kind": "js",
-          "name": "extractText",
-          "declaration": {
-            "name": "extractText",
-            "module": "src/components/common/util.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "format",
@@ -10546,6 +10495,14 @@
             "module": "src/components/common/util.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "isElement",
+          "declaration": {
+            "name": "isElement",
+            "module": "src/components/common/util.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "groupBy",
@@ -10631,6 +10588,22 @@
             "text": "Validator<{\n  min: number | string;\n  step: number | string;\n  value: number | string;\n}>"
           },
           "default": "{\n  key: 'stepMismatch',\n  message: 'Value does not conform to step constraint',\n  isValid: ({ min, step, value }) =>\n    isDefined(step)\n      ? (asNumber(value) - asNumber(min)) % asNumber(step, 1) === 0\n      : true,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "emailValidator",
+          "type": {
+            "text": "Validator<{ value: string }>"
+          },
+          "default": "{\n  key: 'typeMismatch',\n  message: validatorMessages.email,\n  isValid: ({ value }) => emailRegex.test(value),\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "urlValidator",
+          "type": {
+            "text": "Validator<{ value: string }>"
+          },
+          "default": "{\n  key: 'typeMismatch',\n  message: validatorMessages.url,\n  isValid: ({ value }) => URL.canParse(value),\n}"
         }
       ],
       "exports": [
@@ -10705,6 +10678,22 @@
             "name": "stepValidator",
             "module": "src/components/common/validators.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "emailValidator",
+          "declaration": {
+            "name": "emailValidator",
+            "module": "src/components/common/validators.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "urlValidator",
+          "declaration": {
+            "name": "urlValidator",
+            "module": "src/components/common/validators.ts"
+          }
         }
       ]
     },
@@ -10892,7 +10881,7 @@
               "name": "minValue",
               "privacy": "public",
               "description": "The minimum value required for the input to remain valid.",
-              "deprecated": "- since v4.4.0\nUse the `min` property instead.",
+              "deprecated": "since v4.4.0. Use the `min` property instead.",
               "attribute": "min-value"
             },
             {
@@ -10900,7 +10889,7 @@
               "name": "maxValue",
               "privacy": "public",
               "description": "The maximum value required for the input to remain valid.",
-              "deprecated": "- since v4.4.0\nUse the `max` property instead.",
+              "deprecated": "since v4.4.0. Use the `max` property instead.",
               "attribute": "max-value"
             },
             {
@@ -11282,6 +11271,20 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "_updateSetRangeTextValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "IgcMaskInputBaseComponent",
+                "module": "src/components/mask-input/mask-input-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "getNewPosition",
@@ -11692,6 +11695,45 @@
                 "module": "src/components/input/input-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setRangeText",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "replacement",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "start",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "end",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "selectMode",
+                  "optional": true,
+                  "type": {
+                    "text": "'select' | 'start' | 'end' | 'preserve'"
+                  }
+                }
+              ],
+              "description": "Replaces the selected text in the control and re-applies the mask",
+              "inheritedFrom": {
+                "name": "IgcInputBaseComponent",
+                "module": "src/components/input/input-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "required",
@@ -12084,7 +12126,7 @@
               "default": "'large'",
               "privacy": "public",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -12234,7 +12276,7 @@
               "name": "readonly",
               "privacy": "public",
               "description": "Makes the control a readonly field.",
-              "deprecated": "- since v4.4.0\nUse the `readOnly` property instead.",
+              "deprecated": "since v4.4.0. Use the `readOnly` property instead.",
               "inheritedFrom": {
                 "name": "IgcInputBaseComponent",
                 "module": "src/components/input/input-base.ts"
@@ -12323,43 +12365,6 @@
                 "module": "src/components/input/input-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "setRangeText",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "replacement",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "start",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "end",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectMode",
-                  "default": "'preserve'",
-                  "type": {
-                    "text": "'select' | 'start' | 'end' | 'preserve'"
-                  }
-                }
-              ],
-              "description": "Replaces the selected text in the input.",
-              "inheritedFrom": {
-                "name": "IgcInputBaseComponent",
-                "module": "src/components/input/input-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "renderPrefix",
@@ -12473,14 +12478,14 @@
             {
               "name": "min-value",
               "description": "The minimum value required for the input to remain valid.",
-              "deprecated": "- since v4.4.0\nUse the `min` property instead.",
+              "deprecated": "since v4.4.0. Use the `min` property instead.",
               "fieldName": "minValue",
               "attribute": "min-value"
             },
             {
               "name": "max-value",
               "description": "The maximum value required for the input to remain valid.",
-              "deprecated": "- since v4.4.0\nUse the `max` property instead.",
+              "deprecated": "since v4.4.0. Use the `max` property instead.",
               "fieldName": "maxValue",
               "attribute": "max-value"
             },
@@ -12585,7 +12590,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -13618,20 +13623,23 @@
             },
             {
               "kind": "field",
-              "name": "animationPlayer",
+              "name": "dialogRef",
               "type": {
-                "text": "AnimationPlayer"
+                "text": "Ref<HTMLDialogElement>"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dialog",
-              "type": {
-                "text": "HTMLDialogElement"
-              },
+              "name": "animationPlayer",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "dialog",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "closeOnEscape",
@@ -14932,7 +14940,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -15284,7 +15292,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -15443,12 +15451,25 @@
             },
             {
               "kind": "field",
-              "name": "animationPlayer",
+              "name": "headerRef",
               "type": {
-                "text": "AnimationPlayer"
+                "text": "Ref<HTMLDivElement>"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "contentRef",
+              "type": {
+                "text": "Ref<HTMLDivElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "animationPlayer",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_indicatorExpandedElements",
@@ -15493,14 +15514,6 @@
               "attribute": "indicator-position",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "panelContent",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "panelId",
@@ -15509,14 +15522,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "headerRef",
-              "type": {
-                "text": "Ref<HTMLDivElement>"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "handleClicked",
@@ -16056,7 +16061,7 @@
             "package": "lit"
           },
           "tagName": "igc-form",
-          "deprecated": "- since version 4.4.0 Use the native `<form>` element instead.",
+          "deprecated": "since version 4.4.0. Use the native `<form>` element instead.",
           "customElement": true
         }
       ],
@@ -16453,7 +16458,7 @@
               "privacy": "public",
               "default": "'medium'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -16509,7 +16514,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -16678,7 +16683,7 @@
               "name": "readonly",
               "privacy": "public",
               "description": "Makes the control a readonly field.",
-              "deprecated": "- since v4.4.0\nUse the `readOnly` property instead."
+              "deprecated": "since v4.4.0. Use the `readOnly` property instead."
             },
             {
               "kind": "field",
@@ -16853,7 +16858,7 @@
               "privacy": "public",
               "default": "'medium'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -17465,7 +17470,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -17596,12 +17601,21 @@
                 "text": "Validator[]"
               },
               "privacy": "protected",
-              "default": "[\n    {\n      ...requiredValidator,\n      isValid: () =>\n        this.isStringType\n          ? requiredValidator.isValid(this)\n          : requiredNumberValidator.isValid(this),\n    },\n    {\n      ...minLengthValidator,\n      isValid: () =>\n        this.isStringType ? minLengthValidator.isValid(this) : true,\n    },\n    {\n      ...maxLengthValidator,\n      isValid: () =>\n        this.isStringType ? maxLengthValidator.isValid(this) : true,\n    },\n    {\n      ...minValidator,\n      isValid: () => (this.isStringType ? true : minValidator.isValid(this)),\n    },\n    {\n      ...maxValidator,\n      isValid: () => (this.isStringType ? true : maxValidator.isValid(this)),\n    },\n    {\n      ...stepValidator,\n      isValid: () => (this.isStringType ? true : stepValidator.isValid(this)),\n    },\n    {\n      ...patternValidator,\n      isValid: () =>\n        this.isStringType ? patternValidator.isValid(this) : true,\n    },\n  ]",
+              "default": "[\n    {\n      ...requiredValidator,\n      isValid: () =>\n        this.isStringType\n          ? requiredValidator.isValid(this)\n          : requiredNumberValidator.isValid(this),\n    },\n    {\n      ...minLengthValidator,\n      isValid: () =>\n        this.isStringType ? minLengthValidator.isValid(this) : true,\n    },\n    {\n      ...maxLengthValidator,\n      isValid: () =>\n        this.isStringType ? maxLengthValidator.isValid(this) : true,\n    },\n    {\n      ...minValidator,\n      isValid: () => (this.isStringType ? true : minValidator.isValid(this)),\n    },\n    {\n      ...maxValidator,\n      isValid: () => (this.isStringType ? true : maxValidator.isValid(this)),\n    },\n    {\n      ...stepValidator,\n      isValid: () => (this.isStringType ? true : stepValidator.isValid(this)),\n    },\n    {\n      ...patternValidator,\n      isValid: () =>\n        this.isStringType ? patternValidator.isValid(this) : true,\n    },\n    {\n      key: 'typeMismatch',\n      isValid: () => {\n        switch (this.type) {\n          case 'email':\n            return emailValidator.isValid(this);\n          case 'url':\n            return urlValidator.isValid(this);\n          default:\n            return true;\n        }\n      },\n      message: () =>\n        (this.type === 'email'\n          ? emailValidator.message\n          : urlValidator.message) as string,\n    },\n  ]",
               "inheritedFrom": {
                 "name": "IgcInputBaseComponent",
                 "module": "src/components/input/input-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "''"
+            },
             {
               "kind": "field",
               "name": "value",
@@ -17610,7 +17624,6 @@
               },
               "privacy": "public",
               "description": "The value of the control.",
-              "default": "''",
               "attribute": "value",
               "inheritedFrom": {
                 "name": "IgcInputBaseComponent",
@@ -17664,7 +17677,7 @@
               "name": "minlength",
               "privacy": "public",
               "description": "The minlength attribute of the control.",
-              "deprecated": "- since v4.4.0\nUse the `minLength` property instead."
+              "deprecated": "since v4.4.0. Use the `minLength` property instead."
             },
             {
               "kind": "field",
@@ -17681,7 +17694,7 @@
               "name": "maxlength",
               "privacy": "public",
               "description": "The maxlength attribute of the control.",
-              "deprecated": "- since v4.4.0\nUse the `maxLength` property instead."
+              "deprecated": "since v4.4.0. Use the `maxLength` property instead."
             },
             {
               "kind": "field",
@@ -17738,11 +17751,6 @@
               "name": "constraintsChanged",
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "valueChange",
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "setRangeText",
@@ -18260,7 +18268,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -18509,7 +18517,7 @@
               "name": "readonly",
               "privacy": "public",
               "description": "Makes the control a readonly field.",
-              "deprecated": "- since v4.4.0\nUse the `readOnly` property instead.",
+              "deprecated": "since v4.4.0. Use the `readOnly` property instead.",
               "inheritedFrom": {
                 "name": "IgcInputBaseComponent",
                 "module": "src/components/input/input-base.ts"
@@ -18705,10 +18713,6 @@
           "attributes": [
             {
               "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
               "description": "The value of the control.",
               "fieldName": "value",
               "attribute": "value"
@@ -18864,7 +18868,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -19181,7 +19185,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -19219,7 +19223,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -19430,6 +19434,55 @@
                 "module": "src/components/input/input-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setRangeText",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "replacement",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "start",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "end",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "selectMode",
+                  "optional": true,
+                  "type": {
+                    "text": "'select' | 'start' | 'end' | 'preserve'"
+                  }
+                }
+              ],
+              "description": "Replaces the selected text in the control and re-applies the mask",
+              "inheritedFrom": {
+                "name": "IgcInputBaseComponent",
+                "module": "src/components/input/input-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateSetRangeTextValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "updateInput",
@@ -19859,7 +19912,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -20121,7 +20174,7 @@
               "name": "readonly",
               "privacy": "public",
               "description": "Makes the control a readonly field.",
-              "deprecated": "- since v4.4.0\nUse the `readOnly` property instead.",
+              "deprecated": "since v4.4.0. Use the `readOnly` property instead.",
               "inheritedFrom": {
                 "name": "IgcInputBaseComponent",
                 "module": "src/components/input/input-base.ts"
@@ -20242,43 +20295,6 @@
                 "module": "src/components/input/input-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "setRangeText",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "replacement",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "start",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "end",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectMode",
-                  "default": "'preserve'",
-                  "type": {
-                    "text": "'select' | 'start' | 'end' | 'preserve'"
-                  }
-                }
-              ],
-              "description": "Replaces the selected text in the input.",
-              "inheritedFrom": {
-                "name": "IgcInputBaseComponent",
-                "module": "src/components/input/input-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "renderPrefix",
@@ -20394,7 +20410,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -20701,39 +20717,16 @@
             },
             {
               "kind": "method",
-              "name": "setRangeText",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "replacement",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "start",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "end",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "_selectMode",
-                  "default": "'preserve'",
-                  "type": {
-                    "text": "'select' | 'start' | 'end' | 'preserve'"
-                  }
+              "name": "_updateSetRangeTextValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "Replaces the selected text in the control and re-applies the mask",
+              },
               "inheritedFrom": {
-                "name": "IgcInputBaseComponent",
-                "module": "src/components/input/input-base.ts"
+                "name": "IgcMaskInputBaseComponent",
+                "module": "src/components/mask-input/mask-input-base.ts"
               }
             },
             {
@@ -20998,6 +20991,45 @@
                 "module": "src/components/input/input-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setRangeText",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "replacement",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "start",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "end",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "selectMode",
+                  "optional": true,
+                  "type": {
+                    "text": "'select' | 'start' | 'end' | 'preserve'"
+                  }
+                }
+              ],
+              "description": "Replaces the selected text in the control and re-applies the mask",
+              "inheritedFrom": {
+                "name": "IgcInputBaseComponent",
+                "module": "src/components/input/input-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "required",
@@ -21380,7 +21412,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -21629,7 +21661,7 @@
               "name": "readonly",
               "privacy": "public",
               "description": "Makes the control a readonly field.",
-              "deprecated": "- since v4.4.0\nUse the `readOnly` property instead.",
+              "deprecated": "since v4.4.0. Use the `readOnly` property instead.",
               "inheritedFrom": {
                 "name": "IgcInputBaseComponent",
                 "module": "src/components/input/input-base.ts"
@@ -21892,7 +21924,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -22472,6 +22504,14 @@
               "privacy": "public",
               "static": true
             },
+            {
+              "kind": "field",
+              "name": "_miniSlotElements",
+              "type": {
+                "text": "Array<HTMLElement>"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "position",
@@ -22965,28 +23005,20 @@
           "members": [
             {
               "kind": "field",
-              "name": "initialMax",
+              "name": "__internals",
               "type": {
-                "text": "number"
+                "text": "ElementInternals"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "initialValue",
+              "name": "_ticker",
               "type": {
                 "text": "number"
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "tick",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "assignedElements",
@@ -23012,6 +23044,15 @@
               "privacy": "protected",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "progress",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "protected",
+              "default": "0"
+            },
             {
               "kind": "field",
               "name": "max",
@@ -23105,7 +23146,7 @@
               "privacy": "protected",
               "parameters": [
                 {
-                  "name": "oldVal",
+                  "name": "previous",
                   "type": {
                     "text": "number"
                   }
@@ -23114,9 +23155,19 @@
             },
             {
               "kind": "method",
-              "name": "slotChanges",
+              "name": "slotChanged",
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "_updateARIA",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_setProgress",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "cancelAnimations",
@@ -23155,6 +23206,22 @@
               "kind": "method",
               "name": "renderLabelText",
               "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'progressbar'"
+            },
+            {
+              "kind": "field",
+              "name": "ariaValueMin",
+              "type": {
+                "text": "string"
+              },
+              "default": "'0'"
             }
           ],
           "attributes": [
@@ -23428,6 +23495,13 @@
               "readonly": true,
               "default": "'igc-circular-progress'"
             },
+            {
+              "kind": "field",
+              "name": "increment",
+              "privacy": "private",
+              "static": true,
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "register",
@@ -23436,32 +23510,16 @@
             },
             {
               "kind": "field",
-              "name": "gradientId",
-              "privacy": "protected"
+              "name": "_gradientId",
+              "privacy": "private",
+              "default": "`circular-progress-${IgcCircularProgressComponent.increment()}`"
             },
             {
               "kind": "field",
-              "name": "gradientElements",
+              "name": "_assignedGradients",
               "type": {
                 "text": "Array<IgcCircularGradientComponent>"
               },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "stroke",
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "svgParts",
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "gradientChange",
               "privacy": "private"
             },
             {
@@ -23476,9 +23534,9 @@
             },
             {
               "kind": "field",
-              "name": "initialMax",
+              "name": "__internals",
               "type": {
-                "text": "number"
+                "text": "ElementInternals"
               },
               "privacy": "private",
               "inheritedFrom": {
@@ -23488,7 +23546,7 @@
             },
             {
               "kind": "field",
-              "name": "initialValue",
+              "name": "_ticker",
               "type": {
                 "text": "number"
               },
@@ -23498,18 +23556,6 @@
                 "module": "src/components/progress/base.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "tick",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcProgressBaseComponent",
-                "module": "src/components/progress/base.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "assignedElements",
@@ -23547,6 +23593,19 @@
                 "module": "src/components/progress/base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "progress",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "protected",
+              "default": "0",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "max",
@@ -23676,7 +23735,7 @@
               "privacy": "protected",
               "parameters": [
                 {
-                  "name": "oldVal",
+                  "name": "previous",
                   "type": {
                     "text": "number"
                   }
@@ -23689,13 +23748,31 @@
             },
             {
               "kind": "method",
-              "name": "slotChanges",
+              "name": "slotChanged",
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcProgressBaseComponent",
                 "module": "src/components/progress/base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_updateARIA",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setProgress",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "cancelAnimations",
@@ -23754,6 +23831,30 @@
                 "name": "IgcProgressBaseComponent",
                 "module": "src/components/progress/base.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'progressbar'",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaValueMin",
+              "type": {
+                "text": "string"
+              },
+              "default": "'0'",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
             }
           ],
           "superclass": {
@@ -23967,21 +24068,9 @@
             },
             {
               "kind": "field",
-              "name": "wrapperParts",
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "animInfo",
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "initialMax",
+              "name": "__internals",
               "type": {
-                "text": "number"
+                "text": "ElementInternals"
               },
               "privacy": "private",
               "inheritedFrom": {
@@ -23991,7 +24080,7 @@
             },
             {
               "kind": "field",
-              "name": "initialValue",
+              "name": "_ticker",
               "type": {
                 "text": "number"
               },
@@ -24003,9 +24092,9 @@
             },
             {
               "kind": "field",
-              "name": "tick",
+              "name": "assignedElements",
               "type": {
-                "text": "number"
+                "text": "Array<HTMLElement>"
               },
               "privacy": "protected",
               "inheritedFrom": {
@@ -24015,9 +24104,9 @@
             },
             {
               "kind": "field",
-              "name": "assignedElements",
+              "name": "progressIndicator",
               "type": {
-                "text": "Array<HTMLElement>"
+                "text": "Element"
               },
               "privacy": "protected",
               "inheritedFrom": {
@@ -24027,11 +24116,12 @@
             },
             {
               "kind": "field",
-              "name": "progressIndicator",
+              "name": "percentage",
               "type": {
-                "text": "Element"
+                "text": "number"
               },
               "privacy": "protected",
+              "default": "0",
               "inheritedFrom": {
                 "name": "IgcProgressBaseComponent",
                 "module": "src/components/progress/base.ts"
@@ -24039,7 +24129,7 @@
             },
             {
               "kind": "field",
-              "name": "percentage",
+              "name": "progress",
               "type": {
                 "text": "number"
               },
@@ -24179,7 +24269,7 @@
               "privacy": "protected",
               "parameters": [
                 {
-                  "name": "oldVal",
+                  "name": "previous",
                   "type": {
                     "text": "number"
                   }
@@ -24192,13 +24282,31 @@
             },
             {
               "kind": "method",
-              "name": "slotChanges",
+              "name": "slotChanged",
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcProgressBaseComponent",
                 "module": "src/components/progress/base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_updateARIA",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setProgress",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "cancelAnimations",
@@ -24257,6 +24365,30 @@
                 "name": "IgcProgressBaseComponent",
                 "module": "src/components/progress/base.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'progressbar'",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaValueMin",
+              "type": {
+                "text": "string"
+              },
+              "default": "'0'",
+              "inheritedFrom": {
+                "name": "IgcProgressBaseComponent",
+                "module": "src/components/progress/base.ts"
+              }
             }
           ],
           "attributes": [
@@ -25678,7 +25810,7 @@
               "name": "readonly",
               "privacy": "public",
               "description": "Sets the readonly state of the component",
-              "deprecated": "- since v4.4.0\nUse the `readOnly` property instead."
+              "deprecated": "since v4.4.0. Use the `readOnly` property instead."
             },
             {
               "kind": "field",
@@ -26237,7 +26369,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -26508,7 +26640,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -26670,15 +26802,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "observer",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private",
-              "default": "new MutationObserver(this.updateControlledItems.bind(this))"
-            },
             {
               "kind": "field",
               "name": "controlledItems",
@@ -26704,6 +26827,19 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "_observerCallback",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "{\n    changes: { attributes },\n  }",
+                  "type": {
+                    "text": "MutationControllerParams<IgcSelectItemComponent>"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -26716,19 +26852,6 @@
               "attribute": "disabled",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "updateControlledItems",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "mutations",
-                  "type": {
-                    "text": "MutationRecord[]"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "disabledChange",
@@ -28857,40 +28980,56 @@
               "kind": "field",
               "name": "lower",
               "privacy": "public",
+              "description": "The current value of the lower thumb.",
+              "attribute": "lower",
               "type": {
                 "text": "number"
-              },
-              "description": "The current value of the lower thumb.",
-              "attribute": "lower"
+              }
             },
             {
               "kind": "field",
               "name": "upper",
               "privacy": "public",
+              "description": "The current value of the upper thumb.",
+              "attribute": "upper",
               "type": {
                 "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "thumbLabelLower",
+              "type": {
+                "text": "string"
               },
-              "description": "The current value of the upper thumb.",
-              "attribute": "upper"
+              "privacy": "public",
+              "description": "The aria label for the lower thumb.",
+              "attribute": "thumb-label-lower"
             },
             {
               "kind": "field",
-              "name": "ariaLabelLower",
+              "name": "thumbLabelUpper",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
+              "description": "The aria label for the upper thumb.",
+              "attribute": "thumb-label-upper"
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabelLower",
+              "privacy": "public",
               "description": "The aria label of the lower thumb.",
+              "deprecated": "since v4.8.0. Use the `thumbLabelLower` property instead.",
               "attribute": "aria-label-lower"
             },
             {
               "kind": "field",
               "name": "ariaLabelUpper",
-              "type": {
-                "text": "string"
-              },
               "privacy": "public",
               "description": "The aria label of the upper thumb.",
+              "deprecated": "since v4.8.0. Use the `thumbLabelUpper` property instead.",
               "attribute": "aria-label-upper"
             },
             {
@@ -29020,25 +29159,6 @@
                 "module": "src/components/slider/slider-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "swapValues",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "lower",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "upper",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "toggleActiveThumb",
@@ -29050,9 +29170,9 @@
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "ev",
+                  "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "FocusEvent"
                   }
                 }
               ]
@@ -29213,6 +29333,18 @@
                 "module": "src/components/slider/slider-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcSliderBaseComponent",
+                "module": "src/components/slider/slider-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labelElements",
@@ -29227,11 +29359,12 @@
             },
             {
               "kind": "field",
-              "name": "_lowerBound",
+              "name": "_min",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29239,11 +29372,12 @@
             },
             {
               "kind": "field",
-              "name": "_upperBound",
+              "name": "_max",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "privacy": "private",
+              "default": "100",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29251,12 +29385,11 @@
             },
             {
               "kind": "field",
-              "name": "_min",
+              "name": "_lowerBound",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "privacy": "private",
-              "default": "0",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29264,12 +29397,11 @@
             },
             {
               "kind": "field",
-              "name": "_max",
+              "name": "_upperBound",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "privacy": "private",
-              "default": "100",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29354,9 +29486,30 @@
               "kind": "field",
               "name": "labels",
               "type": {
-                "text": "string[] | undefined"
+                "text": "string[]"
               },
               "privacy": "protected",
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "IgcSliderBaseComponent",
+                "module": "src/components/slider/slider-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasLabels",
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "IgcSliderBaseComponent",
+                "module": "src/components/slider/slider-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "distance",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29366,11 +29519,11 @@
               "kind": "field",
               "name": "min",
               "privacy": "public",
+              "description": "The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.",
+              "attribute": "min",
               "type": {
                 "text": "number"
               },
-              "description": "The minimum value of the slider scale. Defaults to 0.",
-              "attribute": "min",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29380,11 +29533,11 @@
               "kind": "field",
               "name": "max",
               "privacy": "public",
+              "description": "The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.",
+              "attribute": "max",
               "type": {
                 "text": "number"
               },
-              "description": "The maximum value of the slider scale. Defaults to 100.",
-              "attribute": "max",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29394,11 +29547,11 @@
               "kind": "field",
               "name": "lowerBound",
               "privacy": "public",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
               "attribute": "lower-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29408,11 +29561,11 @@
               "kind": "field",
               "name": "upperBound",
               "privacy": "public",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
               "attribute": "upper-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29468,11 +29621,11 @@
               "kind": "field",
               "name": "step",
               "privacy": "public",
+              "description": "Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.",
+              "attribute": "step",
               "type": {
                 "text": "number"
               },
-              "description": "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.",
-              "attribute": "step",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29620,15 +29773,6 @@
                 "module": "src/components/slider/slider-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "labelsChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "handleArrowKeys",
@@ -29683,7 +29827,7 @@
             {
               "kind": "method",
               "name": "handleKeyUp",
-              "privacy": "protected",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29698,32 +29842,6 @@
                 "module": "src/components/slider/slider-base.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "actualMin",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "actualMax",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "validateValue",
@@ -29821,7 +29939,7 @@
             {
               "kind": "method",
               "name": "showThumbLabels",
-              "privacy": "private",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29830,7 +29948,7 @@
             {
               "kind": "method",
               "name": "hideThumbLabels",
-              "privacy": "private",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -29838,22 +29956,19 @@
             },
             {
               "kind": "method",
-              "name": "valueInRange",
+              "name": "calculateTrackUpdate",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "mouseX",
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "min",
-                  "default": "0"
-                },
-                {
-                  "name": "max",
-                  "default": "100"
                 }
               ],
               "inheritedFrom": {
@@ -29863,11 +29978,11 @@
             },
             {
               "kind": "method",
-              "name": "valueToFraction",
-              "privacy": "protected",
+              "name": "updateSlider",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "mouseX",
                   "type": {
                     "text": "number"
                   }
@@ -29880,18 +29995,13 @@
             },
             {
               "kind": "method",
-              "name": "calculateTrackUpdate",
+              "name": "pointerDown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
               "parameters": [
                 {
-                  "name": "mouseX",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "PointerEvent"
                   }
                 }
               ],
@@ -29902,13 +30012,13 @@
             },
             {
               "kind": "method",
-              "name": "updateSlider",
+              "name": "pointerMove",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "mouseX",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "PointerEvent"
                   }
                 }
               ],
@@ -29918,17 +30028,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "pointerDown",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "pointerMove",
+              "kind": "method",
+              "name": "lostPointerCapture",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
@@ -29936,17 +30037,25 @@
               }
             },
             {
-              "kind": "field",
-              "name": "lostPointerCapture",
-              "privacy": "private",
+              "kind": "method",
+              "name": "handleThumbFocus",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleThumbPointerEnter",
+              "kind": "method",
+              "name": "handleThumbBlur",
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
@@ -29954,8 +30063,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "handleThumbPointerLeave",
+              "kind": "method",
+              "name": "_renderTicks",
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
@@ -30003,48 +30112,62 @@
           "attributes": [
             {
               "name": "lower",
-              "type": {
-                "text": "number"
-              },
               "description": "The current value of the lower thumb.",
               "fieldName": "lower",
-              "attribute": "lower"
+              "attribute": "lower",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "name": "upper",
+              "description": "The current value of the upper thumb.",
+              "fieldName": "upper",
+              "attribute": "upper",
               "type": {
                 "text": "number"
+              }
+            },
+            {
+              "name": "thumb-label-lower",
+              "type": {
+                "text": "string"
               },
-              "description": "The current value of the upper thumb.",
-              "fieldName": "upper",
-              "attribute": "upper"
+              "description": "The aria label for the lower thumb.",
+              "fieldName": "thumbLabelLower",
+              "attribute": "thumb-label-lower"
             },
             {
-              "name": "aria-label-lower",
+              "name": "thumb-label-upper",
               "type": {
                 "text": "string"
               },
+              "description": "The aria label for the upper thumb.",
+              "fieldName": "thumbLabelUpper",
+              "attribute": "thumb-label-upper"
+            },
+            {
+              "name": "aria-label-lower",
               "description": "The aria label of the lower thumb.",
+              "deprecated": "since v4.8.0. Use the `thumbLabelLower` property instead.",
               "fieldName": "ariaLabelLower",
               "attribute": "aria-label-lower"
             },
             {
               "name": "aria-label-upper",
-              "type": {
-                "text": "string"
-              },
               "description": "The aria label of the upper thumb.",
+              "deprecated": "since v4.8.0. Use the `thumbLabelUpper` property instead.",
               "fieldName": "ariaLabelUpper",
               "attribute": "aria-label-upper"
             },
             {
               "name": "min",
+              "description": "The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.",
+              "fieldName": "min",
+              "attribute": "min",
               "type": {
                 "text": "number"
               },
-              "description": "The minimum value of the slider scale. Defaults to 0.",
-              "fieldName": "min",
-              "attribute": "min",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -30052,12 +30175,12 @@
             },
             {
               "name": "max",
+              "description": "The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.",
+              "fieldName": "max",
+              "attribute": "max",
               "type": {
                 "text": "number"
               },
-              "description": "The maximum value of the slider scale. Defaults to 100.",
-              "fieldName": "max",
-              "attribute": "max",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -30065,12 +30188,12 @@
             },
             {
               "name": "lower-bound",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
               "fieldName": "lowerBound",
               "attribute": "lower-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -30078,12 +30201,12 @@
             },
             {
               "name": "upper-bound",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
               "fieldName": "upperBound",
               "attribute": "upper-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -30133,12 +30256,12 @@
             },
             {
               "name": "step",
+              "description": "Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.",
+              "fieldName": "step",
+              "attribute": "step",
               "type": {
                 "text": "number"
               },
-              "description": "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.",
-              "fieldName": "step",
-              "attribute": "step",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -30300,25 +30423,17 @@
             },
             {
               "kind": "field",
-              "name": "labelElements",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_lowerBound",
+              "name": "base",
               "type": {
-                "text": "number | undefined"
+                "text": "HTMLDivElement"
               },
-              "privacy": "private"
+              "privacy": "protected"
             },
             {
               "kind": "field",
-              "name": "_upperBound",
+              "name": "labelElements",
               "type": {
-                "text": "number | undefined"
+                "text": "HTMLElement[]"
               },
               "privacy": "private"
             },
@@ -30340,6 +30455,22 @@
               "privacy": "private",
               "default": "100"
             },
+            {
+              "kind": "field",
+              "name": "_lowerBound",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_upperBound",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_step",
@@ -30395,49 +30526,62 @@
               "kind": "field",
               "name": "labels",
               "type": {
-                "text": "string[] | undefined"
+                "text": "string[]"
               },
-              "privacy": "protected"
+              "privacy": "protected",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "hasLabels",
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "distance",
+              "privacy": "protected",
+              "readonly": true
             },
             {
               "kind": "field",
               "name": "min",
               "privacy": "public",
+              "description": "The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.",
+              "attribute": "min",
               "type": {
                 "text": "number"
-              },
-              "description": "The minimum value of the slider scale. Defaults to 0.",
-              "attribute": "min"
+              }
             },
             {
               "kind": "field",
               "name": "max",
               "privacy": "public",
+              "description": "The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.",
+              "attribute": "max",
               "type": {
                 "text": "number"
-              },
-              "description": "The maximum value of the slider scale. Defaults to 100.",
-              "attribute": "max"
+              }
             },
             {
               "kind": "field",
               "name": "lowerBound",
               "privacy": "public",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
-              "attribute": "lower-bound"
+              "attribute": "lower-bound",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "kind": "field",
               "name": "upperBound",
               "privacy": "public",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
-              "attribute": "upper-bound"
+              "attribute": "upper-bound",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "kind": "field",
@@ -30477,11 +30621,11 @@
               "kind": "field",
               "name": "step",
               "privacy": "public",
+              "description": "Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.",
+              "attribute": "step",
               "type": {
                 "text": "number"
-              },
-              "description": "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.",
-              "attribute": "step"
+              }
             },
             {
               "kind": "field",
@@ -30585,11 +30729,6 @@
               "name": "constraintsChange",
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "labelsChange",
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "handleArrowKeys",
@@ -30632,7 +30771,7 @@
             {
               "kind": "method",
               "name": "handleKeyUp",
-              "privacy": "protected"
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -30703,24 +30842,6 @@
               "name": "emitChangeEvent",
               "privacy": "protected"
             },
-            {
-              "kind": "field",
-              "name": "actualMin",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "actualMax",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected",
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "validateValue",
@@ -30812,41 +30933,38 @@
             {
               "kind": "method",
               "name": "showThumbLabels",
-              "privacy": "private"
+              "privacy": "protected"
             },
             {
               "kind": "method",
               "name": "hideThumbLabels",
-              "privacy": "private"
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "valueInRange",
+              "name": "calculateTrackUpdate",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "mouseX",
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "min",
-                  "default": "0"
-                },
-                {
-                  "name": "max",
-                  "default": "100"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "valueToFraction",
-              "privacy": "protected",
+              "name": "updateSlider",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "mouseX",
                   "type": {
                     "text": "number"
                   }
@@ -30855,58 +30973,56 @@
             },
             {
               "kind": "method",
-              "name": "calculateTrackUpdate",
+              "name": "pointerDown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
               "parameters": [
                 {
-                  "name": "mouseX",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "PointerEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "updateSlider",
+              "name": "pointerMove",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "mouseX",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "PointerEvent"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "pointerDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "pointerMove",
+              "kind": "method",
+              "name": "lostPointerCapture",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "lostPointerCapture",
-              "privacy": "private"
+              "kind": "method",
+              "name": "handleThumbFocus",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handleThumbPointerEnter",
+              "kind": "method",
+              "name": "handleThumbBlur",
               "privacy": "protected"
             },
             {
-              "kind": "field",
-              "name": "handleThumbPointerLeave",
+              "kind": "method",
+              "name": "_renderTicks",
               "privacy": "protected"
             },
             {
@@ -30950,39 +31066,39 @@
           "attributes": [
             {
               "name": "min",
+              "description": "The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.",
+              "fieldName": "min",
+              "attribute": "min",
               "type": {
                 "text": "number"
-              },
-              "description": "The minimum value of the slider scale. Defaults to 0.",
-              "fieldName": "min",
-              "attribute": "min"
+              }
             },
             {
               "name": "max",
+              "description": "The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.",
+              "fieldName": "max",
+              "attribute": "max",
               "type": {
                 "text": "number"
-              },
-              "description": "The maximum value of the slider scale. Defaults to 100.",
-              "fieldName": "max",
-              "attribute": "max"
+              }
             },
             {
               "name": "lower-bound",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
               "fieldName": "lowerBound",
-              "attribute": "lower-bound"
+              "attribute": "lower-bound",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "name": "upper-bound",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
               "fieldName": "upperBound",
-              "attribute": "upper-bound"
+              "attribute": "upper-bound",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "name": "disabled",
@@ -31016,12 +31132,12 @@
             },
             {
               "name": "step",
+              "description": "Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.",
+              "fieldName": "step",
+              "attribute": "step",
               "type": {
                 "text": "number"
-              },
-              "description": "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.",
-              "fieldName": "step",
-              "attribute": "step"
+              }
             },
             {
               "name": "primary-ticks",
@@ -31257,19 +31373,22 @@
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_value",
               "type": {
                 "text": "number"
               },
-              "privacy": "public",
-              "default": "0",
-              "description": "The current value of the component.",
-              "attribute": "value"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "kind": "method",
-              "name": "valueChanged",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "description": "The current value of the component.",
+              "attribute": "value",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "kind": "field",
@@ -31875,6 +31994,18 @@
                 "module": "src/components/slider/slider-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcSliderBaseComponent",
+                "module": "src/components/slider/slider-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labelElements",
@@ -31889,11 +32020,12 @@
             },
             {
               "kind": "field",
-              "name": "_lowerBound",
+              "name": "_min",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -31901,11 +32033,12 @@
             },
             {
               "kind": "field",
-              "name": "_upperBound",
+              "name": "_max",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "privacy": "private",
+              "default": "100",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -31913,12 +32046,11 @@
             },
             {
               "kind": "field",
-              "name": "_min",
+              "name": "_lowerBound",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "privacy": "private",
-              "default": "0",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -31926,12 +32058,11 @@
             },
             {
               "kind": "field",
-              "name": "_max",
+              "name": "_upperBound",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "privacy": "private",
-              "default": "100",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32016,9 +32147,30 @@
               "kind": "field",
               "name": "labels",
               "type": {
-                "text": "string[] | undefined"
+                "text": "string[]"
               },
               "privacy": "protected",
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "IgcSliderBaseComponent",
+                "module": "src/components/slider/slider-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasLabels",
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "IgcSliderBaseComponent",
+                "module": "src/components/slider/slider-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "distance",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32028,11 +32180,11 @@
               "kind": "field",
               "name": "min",
               "privacy": "public",
+              "description": "The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.",
+              "attribute": "min",
               "type": {
                 "text": "number"
               },
-              "description": "The minimum value of the slider scale. Defaults to 0.",
-              "attribute": "min",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32042,11 +32194,11 @@
               "kind": "field",
               "name": "max",
               "privacy": "public",
+              "description": "The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.",
+              "attribute": "max",
               "type": {
                 "text": "number"
               },
-              "description": "The maximum value of the slider scale. Defaults to 100.",
-              "attribute": "max",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32056,11 +32208,11 @@
               "kind": "field",
               "name": "lowerBound",
               "privacy": "public",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
               "attribute": "lower-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32070,11 +32222,11 @@
               "kind": "field",
               "name": "upperBound",
               "privacy": "public",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
               "attribute": "upper-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32114,11 +32266,11 @@
               "kind": "field",
               "name": "step",
               "privacy": "public",
+              "description": "Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.",
+              "attribute": "step",
               "type": {
                 "text": "number"
               },
-              "description": "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.",
-              "attribute": "step",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32266,15 +32418,6 @@
                 "module": "src/components/slider/slider-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "labelsChange",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "handleArrowKeys",
@@ -32329,7 +32472,7 @@
             {
               "kind": "method",
               "name": "handleKeyUp",
-              "privacy": "protected",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32344,32 +32487,6 @@
                 "module": "src/components/slider/slider-base.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "actualMin",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "actualMax",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "validateValue",
@@ -32489,7 +32606,7 @@
             {
               "kind": "method",
               "name": "showThumbLabels",
-              "privacy": "private",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32498,7 +32615,7 @@
             {
               "kind": "method",
               "name": "hideThumbLabels",
-              "privacy": "private",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32506,22 +32623,19 @@
             },
             {
               "kind": "method",
-              "name": "valueInRange",
+              "name": "calculateTrackUpdate",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "mouseX",
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "min",
-                  "default": "0"
-                },
-                {
-                  "name": "max",
-                  "default": "100"
                 }
               ],
               "inheritedFrom": {
@@ -32531,11 +32645,11 @@
             },
             {
               "kind": "method",
-              "name": "valueToFraction",
-              "privacy": "protected",
+              "name": "updateSlider",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "mouseX",
                   "type": {
                     "text": "number"
                   }
@@ -32548,18 +32662,13 @@
             },
             {
               "kind": "method",
-              "name": "calculateTrackUpdate",
+              "name": "pointerDown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
               "parameters": [
                 {
-                  "name": "mouseX",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "PointerEvent"
                   }
                 }
               ],
@@ -32570,13 +32679,13 @@
             },
             {
               "kind": "method",
-              "name": "updateSlider",
+              "name": "pointerMove",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "mouseX",
+                  "name": "event",
                   "type": {
-                    "text": "number"
+                    "text": "PointerEvent"
                   }
                 }
               ],
@@ -32586,17 +32695,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "pointerDown",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "IgcSliderBaseComponent",
-                "module": "src/components/slider/slider-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "pointerMove",
+              "kind": "method",
+              "name": "lostPointerCapture",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
@@ -32604,17 +32704,25 @@
               }
             },
             {
-              "kind": "field",
-              "name": "lostPointerCapture",
-              "privacy": "private",
+              "kind": "method",
+              "name": "handleThumbFocus",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleThumbPointerEnter",
+              "kind": "method",
+              "name": "handleThumbBlur",
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
@@ -32622,8 +32730,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "handleThumbPointerLeave",
+              "kind": "method",
+              "name": "_renderTicks",
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
@@ -32702,13 +32810,12 @@
           "attributes": [
             {
               "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
               "description": "The current value of the component.",
               "fieldName": "value",
-              "attribute": "value"
+              "attribute": "value",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "name": "name",
@@ -32752,12 +32859,12 @@
             },
             {
               "name": "min",
+              "description": "The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.",
+              "fieldName": "min",
+              "attribute": "min",
               "type": {
                 "text": "number"
               },
-              "description": "The minimum value of the slider scale. Defaults to 0.",
-              "fieldName": "min",
-              "attribute": "min",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32765,12 +32872,12 @@
             },
             {
               "name": "max",
+              "description": "The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.",
+              "fieldName": "max",
+              "attribute": "max",
               "type": {
                 "text": "number"
               },
-              "description": "The maximum value of the slider scale. Defaults to 100.",
-              "fieldName": "max",
-              "attribute": "max",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32778,12 +32885,12 @@
             },
             {
               "name": "lower-bound",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
               "fieldName": "lowerBound",
               "attribute": "lower-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32791,12 +32898,12 @@
             },
             {
               "name": "upper-bound",
-              "type": {
-                "text": "number | undefined"
-              },
               "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
               "fieldName": "upperBound",
               "attribute": "upper-bound",
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -32832,12 +32939,12 @@
             },
             {
               "name": "step",
+              "description": "Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.",
+              "fieldName": "step",
+              "attribute": "step",
               "type": {
                 "text": "number"
               },
-              "description": "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.",
-              "fieldName": "step",
-              "attribute": "step",
               "inheritedFrom": {
                 "name": "IgcSliderBaseComponent",
                 "module": "src/components/slider/slider-base.ts"
@@ -33040,12 +33147,24 @@
             },
             {
               "kind": "field",
-              "name": "content",
+              "name": "contentRef",
               "type": {
-                "text": "HTMLElement"
+                "text": "Ref<HTMLElement>"
               },
               "privacy": "protected"
             },
+            {
+              "kind": "field",
+              "name": "_animationPlayer",
+              "type": {
+                "text": "ReturnType<\n    typeof addAnimationController\n  >"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcBaseAlertLikeComponent",
+                "module": "src/components/common/mixins/alert.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "actionText",
@@ -33184,18 +33303,6 @@
                 "module": "src/components/common/mixins/alert.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "_animationPlayer",
-              "type": {
-                "text": "AnimationPlayer"
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcBaseAlertLikeComponent",
-                "module": "src/components/common/mixins/alert.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "open",
@@ -33606,12 +33713,17 @@
             },
             {
               "kind": "field",
-              "name": "animationPlayer",
+              "name": "bodyRef",
               "type": {
-                "text": "AnimationPlayer"
+                "text": "Ref<HTMLElement>"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "animationPlayer",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_titleChildren",
@@ -33644,14 +33756,6 @@
               },
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "body",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "invalid",
@@ -34931,6 +35035,14 @@
               "static": true,
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "headerRef",
+              "type": {
+                "text": "Ref<HTMLDivElement>"
+              },
+              "privacy": "protected"
+            },
             {
               "kind": "field",
               "name": "tabs",
@@ -35016,11 +35128,22 @@
             },
             {
               "kind": "field",
-              "name": "mutationObserver",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "protected"
+              "name": "_closestActiveTabIndex",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_mutationCallback",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "{\n    changes: { attributes, added, removed },\n  }",
+                  "type": {
+                    "text": "MutationControllerParams<IgcTabComponent>"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -35132,9 +35255,55 @@
               ]
             },
             {
-              "kind": "field",
-              "name": "handleKeyDown",
-              "privacy": "protected"
+              "kind": "method",
+              "name": "_scrollToAndFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "tab",
+                  "type": {
+                    "text": "IgcTabComponent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_kbActivateTab",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "tab",
+                  "type": {
+                    "text": "IgcTabComponent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onArrowLeft",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onArrowRight",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onHomeKey",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onEndKey",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onActivationKey",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -35330,91 +35499,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/tabs/utils.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "observerConfig",
-          "type": {
-            "text": "MutationObserverInit"
-          },
-          "default": "{\n  attributes: true,\n  attributeFilter: ['selected'],\n  childList: true,\n  subtree: true,\n}"
-        },
-        {
-          "kind": "function",
-          "name": "getAttributesForTags",
-          "parameters": [
-            {
-              "name": "records",
-              "type": {
-                "text": "MutationRecord[]"
-              }
-            },
-            {
-              "name": "tags",
-              "type": {
-                "text": "string[]"
-              }
-            }
-          ],
-          "description": "Returns all targets with attribute mutations matching `tags`"
-        },
-        {
-          "kind": "function",
-          "name": "getNodesForTags",
-          "parameters": [
-            {
-              "name": "records",
-              "type": {
-                "text": "MutationRecord[]"
-              }
-            },
-            {
-              "name": "root",
-              "optional": true,
-              "type": {
-                "text": "Element"
-              }
-            },
-            {
-              "name": "tags",
-              "type": {
-                "text": "string[]"
-              }
-            }
-          ],
-          "description": "Returns all targets with childList mutations matching tags.\nIf `root` is specified, returns only targets that are direct children\nof `root`."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "observerConfig",
-          "declaration": {
-            "name": "observerConfig",
-            "module": "src/components/tabs/utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getAttributesForTags",
-          "declaration": {
-            "name": "getAttributesForTags",
-            "module": "src/components/tabs/utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getNodesForTags",
-          "declaration": {
-            "name": "getNodesForTags",
-            "module": "src/components/tabs/utils.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/textarea/textarea.ts",
@@ -36712,6 +36796,18 @@
               "readonly": true,
               "default": "'igc-toast'"
             },
+            {
+              "kind": "field",
+              "name": "_animationPlayer",
+              "type": {
+                "text": "ReturnType<\n    typeof addAnimationController\n  >"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "IgcBaseAlertLikeComponent",
+                "module": "src/components/common/mixins/alert.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "register",
@@ -36742,18 +36838,6 @@
                 "module": "src/components/common/mixins/alert.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "_animationPlayer",
-              "type": {
-                "text": "AnimationPlayer"
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "IgcBaseAlertLikeComponent",
-                "module": "src/components/common/mixins/alert.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "open",
@@ -37094,12 +37178,17 @@
             },
             {
               "kind": "field",
-              "name": "animationPlayer",
+              "name": "groupRef",
               "type": {
-                "text": "AnimationPlayer"
+                "text": "Ref<HTMLElement>"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "animationPlayer",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "tree",
@@ -37144,14 +37233,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "group",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "isFocused",
@@ -37648,9 +37729,6 @@
               },
               "default": "undefined",
               "description": "The value entry that the tree item is visualizing. Required for searching through items.",
-              "resolveInitializer": {
-                "module": "src/components/tree/tree-item.ts"
-              },
               "fieldName": "value",
               "attribute": "value"
             }
@@ -38882,7 +38960,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
@@ -39072,7 +39150,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size",
               "inheritedFrom": {
@@ -41947,6 +42025,12 @@
               "privacy": "private",
               "default": "''"
             },
+            {
+              "kind": "field",
+              "name": "_compareCollator",
+              "privacy": "private",
+              "default": "new Intl.Collator()"
+            },
             {
               "kind": "field",
               "name": "searchTerm",
@@ -41970,6 +42054,15 @@
               "privacy": "public",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "compareCollator",
+              "type": {
+                "text": "Intl.Collator"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "index",
@@ -42687,75 +42780,6 @@
               "privacy": "protected",
               "default": "new Map(\n    Object.entries({\n      asc: 1,\n      desc: -1,\n    })\n  )"
             },
-            {
-              "kind": "method",
-              "name": "resolveValue",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "record",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "Keys<T>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "compareValues",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "first",
-                  "type": {
-                    "text": "Values<T>"
-                  }
-                },
-                {
-                  "name": "second",
-                  "type": {
-                    "text": "Values<T>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "compareObjects",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "first",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "second",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "Keys<T>"
-                  }
-                },
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "GroupingDirection"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "apply",
@@ -43101,6 +43125,41 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/common/controllers/mutation-observer.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createMutationController",
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "ReactiveControllerHost & Element"
+              }
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "MutationControllerConfig<T>"
+              }
+            }
+          ],
+          "description": "Creates and attaches a mutation controller with `config` to the passed in `host`.\n\nAutomatically starts/stops observing for mutation changes\nin the respective component connect/disconnect callbacks.\n\nThe mutation observer is disconnected before invoking the passed in callback and re-attached\nafter that in order to not loop itself in endless stream of changes."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createMutationController",
+          "declaration": {
+            "name": "createMutationController",
+            "module": "src/components/common/controllers/mutation-observer.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/common/controllers/root-click.ts",
@@ -43656,7 +43715,7 @@
               "kind": "field",
               "name": "_animationPlayer",
               "type": {
-                "text": "AnimationPlayer"
+                "text": "ReturnType<\n    typeof addAnimationController\n  >"
               },
               "privacy": "protected"
             },
@@ -44294,7 +44353,7 @@
           "name": "EventEmitterMixin",
           "return": {
             "type": {
-              "text": "AbstractConstructor<EventEmitterInterface<E>> & T"
+              "text": "Constructor<EventEmitterInterface<E>> & T"
             }
           },
           "parameters": [
@@ -45907,7 +45966,7 @@
               },
               "privacy": "public",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size"
             }
           ],
@@ -45918,7 +45977,7 @@
                 "text": "\"small\" | \"medium\" | \"large\""
               },
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size"
             }
           ]
@@ -45937,7 +45996,7 @@
               "privacy": "public",
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "attribute": "size",
               "reflects": true
             },
@@ -45955,7 +46014,7 @@
               },
               "default": "'large'",
               "description": "Determines the size of the component.",
-              "deprecated": "- since v4.5.0. Use the `--ig-size` CSS custom property instead.",
+              "deprecated": "since v4.5.0. Use the `--ig-size` CSS custom property instead.",
               "fieldName": "size",
               "attribute": "size"
             }