@cloudscape-design/components-themeable 3.0.1102 → 3.0.1104

package/lib/internal/template/test-utils/dom/index.js

@@ -174,7 +174,10 @@ exports.TutorialPanelWrapper = tutorial_panel_1.default;
 const wizard_1 = require("./wizard");
 exports.WizardWrapper = wizard_1.default;
 dom_1.ElementWrapper.prototype.findAlert = function (selector) {
-    const rootSelector = `.${alert_1.default.rootSelector}`;
+    let rootSelector = `.${alert_1.default.rootSelector}`;
+    if ("legacyRootSelector" in alert_1.default && alert_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${alert_1.default.rootSelector}, .${alert_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, alert_1.default);
@@ -183,7 +186,10 @@ dom_1.ElementWrapper.prototype.findAllAlerts = function (selector) {
     return this.findAllComponents(alert_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findAnchorNavigation = function (selector) {
-    const rootSelector = `.${anchor_navigation_1.default.rootSelector}`;
+    let rootSelector = `.${anchor_navigation_1.default.rootSelector}`;
+    if ("legacyRootSelector" in anchor_navigation_1.default && anchor_navigation_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${anchor_navigation_1.default.rootSelector}, .${anchor_navigation_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, anchor_navigation_1.default);
@@ -192,7 +198,10 @@ dom_1.ElementWrapper.prototype.findAllAnchorNavigations = function (selector) {
     return this.findAllComponents(anchor_navigation_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findAnnotation = function (selector) {
-    const rootSelector = `.${annotation_1.default.rootSelector}`;
+    let rootSelector = `.${annotation_1.default.rootSelector}`;
+    if ("legacyRootSelector" in annotation_1.default && annotation_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${annotation_1.default.rootSelector}, .${annotation_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, annotation_1.default);
@@ -201,7 +210,10 @@ dom_1.ElementWrapper.prototype.findAllAnnotations = function (selector) {
     return this.findAllComponents(annotation_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findAppLayout = function (selector) {
-    const rootSelector = `.${app_layout_1.default.rootSelector}`;
+    let rootSelector = `.${app_layout_1.default.rootSelector}`;
+    if ("legacyRootSelector" in app_layout_1.default && app_layout_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${app_layout_1.default.rootSelector}, .${app_layout_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, app_layout_1.default);
@@ -210,7 +222,10 @@ dom_1.ElementWrapper.prototype.findAllAppLayouts = function (selector) {
     return this.findAllComponents(app_layout_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findAppLayoutToolbar = function (selector) {
-    const rootSelector = `.${app_layout_toolbar_1.default.rootSelector}`;
+    let rootSelector = `.${app_layout_toolbar_1.default.rootSelector}`;
+    if ("legacyRootSelector" in app_layout_toolbar_1.default && app_layout_toolbar_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${app_layout_toolbar_1.default.rootSelector}, .${app_layout_toolbar_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, app_layout_toolbar_1.default);
@@ -219,7 +234,10 @@ dom_1.ElementWrapper.prototype.findAllAppLayoutToolbars = function (selector) {
     return this.findAllComponents(app_layout_toolbar_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findAreaChart = function (selector) {
-    const rootSelector = `.${area_chart_1.default.rootSelector}`;
+    let rootSelector = `.${area_chart_1.default.rootSelector}`;
+    if ("legacyRootSelector" in area_chart_1.default && area_chart_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${area_chart_1.default.rootSelector}, .${area_chart_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, area_chart_1.default);
@@ -228,7 +246,10 @@ dom_1.ElementWrapper.prototype.findAllAreaCharts = function (selector) {
     return this.findAllComponents(area_chart_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findAttributeEditor = function (selector) {
-    const rootSelector = `.${attribute_editor_1.default.rootSelector}`;
+    let rootSelector = `.${attribute_editor_1.default.rootSelector}`;
+    if ("legacyRootSelector" in attribute_editor_1.default && attribute_editor_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${attribute_editor_1.default.rootSelector}, .${attribute_editor_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, attribute_editor_1.default);
@@ -237,7 +258,10 @@ dom_1.ElementWrapper.prototype.findAllAttributeEditors = function (selector) {
     return this.findAllComponents(attribute_editor_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findAutosuggest = function (selector) {
-    const rootSelector = `.${autosuggest_1.default.rootSelector}`;
+    let rootSelector = `.${autosuggest_1.default.rootSelector}`;
+    if ("legacyRootSelector" in autosuggest_1.default && autosuggest_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${autosuggest_1.default.rootSelector}, .${autosuggest_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, autosuggest_1.default);
@@ -246,7 +270,10 @@ dom_1.ElementWrapper.prototype.findAllAutosuggests = function (selector) {
     return this.findAllComponents(autosuggest_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findBadge = function (selector) {
-    const rootSelector = `.${badge_1.default.rootSelector}`;
+    let rootSelector = `.${badge_1.default.rootSelector}`;
+    if ("legacyRootSelector" in badge_1.default && badge_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${badge_1.default.rootSelector}, .${badge_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, badge_1.default);
@@ -255,7 +282,10 @@ dom_1.ElementWrapper.prototype.findAllBadges = function (selector) {
     return this.findAllComponents(badge_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findBarChart = function (selector) {
-    const rootSelector = `.${bar_chart_1.default.rootSelector}`;
+    let rootSelector = `.${bar_chart_1.default.rootSelector}`;
+    if ("legacyRootSelector" in bar_chart_1.default && bar_chart_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${bar_chart_1.default.rootSelector}, .${bar_chart_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, bar_chart_1.default);
@@ -264,7 +294,10 @@ dom_1.ElementWrapper.prototype.findAllBarCharts = function (selector) {
     return this.findAllComponents(bar_chart_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findBox = function (selector) {
-    const rootSelector = `.${box_1.default.rootSelector}`;
+    let rootSelector = `.${box_1.default.rootSelector}`;
+    if ("legacyRootSelector" in box_1.default && box_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${box_1.default.rootSelector}, .${box_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, box_1.default);
@@ -273,7 +306,10 @@ dom_1.ElementWrapper.prototype.findAllBoxes = function (selector) {
     return this.findAllComponents(box_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findBreadcrumbGroup = function (selector) {
-    const rootSelector = `.${breadcrumb_group_1.default.rootSelector}`;
+    let rootSelector = `.${breadcrumb_group_1.default.rootSelector}`;
+    if ("legacyRootSelector" in breadcrumb_group_1.default && breadcrumb_group_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${breadcrumb_group_1.default.rootSelector}, .${breadcrumb_group_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, breadcrumb_group_1.default);
@@ -282,7 +318,10 @@ dom_1.ElementWrapper.prototype.findAllBreadcrumbGroups = function (selector) {
     return this.findAllComponents(breadcrumb_group_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findButton = function (selector) {
-    const rootSelector = `.${button_1.default.rootSelector}`;
+    let rootSelector = `.${button_1.default.rootSelector}`;
+    if ("legacyRootSelector" in button_1.default && button_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${button_1.default.rootSelector}, .${button_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, button_1.default);
@@ -291,7 +330,10 @@ dom_1.ElementWrapper.prototype.findAllButtons = function (selector) {
     return this.findAllComponents(button_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findButtonDropdown = function (selector) {
-    const rootSelector = `.${button_dropdown_1.default.rootSelector}`;
+    let rootSelector = `.${button_dropdown_1.default.rootSelector}`;
+    if ("legacyRootSelector" in button_dropdown_1.default && button_dropdown_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${button_dropdown_1.default.rootSelector}, .${button_dropdown_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, button_dropdown_1.default);
@@ -300,7 +342,10 @@ dom_1.ElementWrapper.prototype.findAllButtonDropdowns = function (selector) {
     return this.findAllComponents(button_dropdown_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findButtonGroup = function (selector) {
-    const rootSelector = `.${button_group_1.default.rootSelector}`;
+    let rootSelector = `.${button_group_1.default.rootSelector}`;
+    if ("legacyRootSelector" in button_group_1.default && button_group_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${button_group_1.default.rootSelector}, .${button_group_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, button_group_1.default);
@@ -309,7 +354,10 @@ dom_1.ElementWrapper.prototype.findAllButtonGroups = function (selector) {
     return this.findAllComponents(button_group_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findCalendar = function (selector) {
-    const rootSelector = `.${calendar_1.default.rootSelector}`;
+    let rootSelector = `.${calendar_1.default.rootSelector}`;
+    if ("legacyRootSelector" in calendar_1.default && calendar_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${calendar_1.default.rootSelector}, .${calendar_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, calendar_1.default);
@@ -318,7 +366,10 @@ dom_1.ElementWrapper.prototype.findAllCalendars = function (selector) {
     return this.findAllComponents(calendar_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findCards = function (selector) {
-    const rootSelector = `.${cards_1.default.rootSelector}`;
+    let rootSelector = `.${cards_1.default.rootSelector}`;
+    if ("legacyRootSelector" in cards_1.default && cards_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${cards_1.default.rootSelector}, .${cards_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, cards_1.default);
@@ -327,7 +378,10 @@ dom_1.ElementWrapper.prototype.findAllCards = function (selector) {
     return this.findAllComponents(cards_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findCheckbox = function (selector) {
-    const rootSelector = `.${checkbox_1.default.rootSelector}`;
+    let rootSelector = `.${checkbox_1.default.rootSelector}`;
+    if ("legacyRootSelector" in checkbox_1.default && checkbox_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${checkbox_1.default.rootSelector}, .${checkbox_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, checkbox_1.default);
@@ -336,7 +390,10 @@ dom_1.ElementWrapper.prototype.findAllCheckboxes = function (selector) {
     return this.findAllComponents(checkbox_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findCodeEditor = function (selector) {
-    const rootSelector = `.${code_editor_1.default.rootSelector}`;
+    let rootSelector = `.${code_editor_1.default.rootSelector}`;
+    if ("legacyRootSelector" in code_editor_1.default && code_editor_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${code_editor_1.default.rootSelector}, .${code_editor_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, code_editor_1.default);
@@ -345,7 +402,10 @@ dom_1.ElementWrapper.prototype.findAllCodeEditors = function (selector) {
     return this.findAllComponents(code_editor_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findCollectionPreferences = function (selector) {
-    const rootSelector = `.${collection_preferences_1.default.rootSelector}`;
+    let rootSelector = `.${collection_preferences_1.default.rootSelector}`;
+    if ("legacyRootSelector" in collection_preferences_1.default && collection_preferences_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${collection_preferences_1.default.rootSelector}, .${collection_preferences_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, collection_preferences_1.default);
@@ -354,7 +414,10 @@ dom_1.ElementWrapper.prototype.findAllCollectionPreferences = function (selector
     return this.findAllComponents(collection_preferences_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findColumnLayout = function (selector) {
-    const rootSelector = `.${column_layout_1.default.rootSelector}`;
+    let rootSelector = `.${column_layout_1.default.rootSelector}`;
+    if ("legacyRootSelector" in column_layout_1.default && column_layout_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${column_layout_1.default.rootSelector}, .${column_layout_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, column_layout_1.default);
@@ -363,7 +426,10 @@ dom_1.ElementWrapper.prototype.findAllColumnLayouts = function (selector) {
     return this.findAllComponents(column_layout_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findContainer = function (selector) {
-    const rootSelector = `.${container_1.default.rootSelector}`;
+    let rootSelector = `.${container_1.default.rootSelector}`;
+    if ("legacyRootSelector" in container_1.default && container_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${container_1.default.rootSelector}, .${container_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, container_1.default);
@@ -372,7 +438,10 @@ dom_1.ElementWrapper.prototype.findAllContainers = function (selector) {
     return this.findAllComponents(container_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findContentLayout = function (selector) {
-    const rootSelector = `.${content_layout_1.default.rootSelector}`;
+    let rootSelector = `.${content_layout_1.default.rootSelector}`;
+    if ("legacyRootSelector" in content_layout_1.default && content_layout_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${content_layout_1.default.rootSelector}, .${content_layout_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, content_layout_1.default);
@@ -381,7 +450,10 @@ dom_1.ElementWrapper.prototype.findAllContentLayouts = function (selector) {
     return this.findAllComponents(content_layout_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findCopyToClipboard = function (selector) {
-    const rootSelector = `.${copy_to_clipboard_1.default.rootSelector}`;
+    let rootSelector = `.${copy_to_clipboard_1.default.rootSelector}`;
+    if ("legacyRootSelector" in copy_to_clipboard_1.default && copy_to_clipboard_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${copy_to_clipboard_1.default.rootSelector}, .${copy_to_clipboard_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, copy_to_clipboard_1.default);
@@ -390,7 +462,10 @@ dom_1.ElementWrapper.prototype.findAllCopyToClipboards = function (selector) {
     return this.findAllComponents(copy_to_clipboard_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findDateInput = function (selector) {
-    const rootSelector = `.${date_input_1.default.rootSelector}`;
+    let rootSelector = `.${date_input_1.default.rootSelector}`;
+    if ("legacyRootSelector" in date_input_1.default && date_input_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${date_input_1.default.rootSelector}, .${date_input_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, date_input_1.default);
@@ -399,7 +474,10 @@ dom_1.ElementWrapper.prototype.findAllDateInputs = function (selector) {
     return this.findAllComponents(date_input_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findDatePicker = function (selector) {
-    const rootSelector = `.${date_picker_1.default.rootSelector}`;
+    let rootSelector = `.${date_picker_1.default.rootSelector}`;
+    if ("legacyRootSelector" in date_picker_1.default && date_picker_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${date_picker_1.default.rootSelector}, .${date_picker_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, date_picker_1.default);
@@ -408,7 +486,10 @@ dom_1.ElementWrapper.prototype.findAllDatePickers = function (selector) {
     return this.findAllComponents(date_picker_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findDateRangePicker = function (selector) {
-    const rootSelector = `.${date_range_picker_1.default.rootSelector}`;
+    let rootSelector = `.${date_range_picker_1.default.rootSelector}`;
+    if ("legacyRootSelector" in date_range_picker_1.default && date_range_picker_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${date_range_picker_1.default.rootSelector}, .${date_range_picker_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, date_range_picker_1.default);
@@ -417,7 +498,10 @@ dom_1.ElementWrapper.prototype.findAllDateRangePickers = function (selector) {
     return this.findAllComponents(date_range_picker_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findDrawer = function (selector) {
-    const rootSelector = `.${drawer_1.default.rootSelector}`;
+    let rootSelector = `.${drawer_1.default.rootSelector}`;
+    if ("legacyRootSelector" in drawer_1.default && drawer_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${drawer_1.default.rootSelector}, .${drawer_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, drawer_1.default);
@@ -426,7 +510,10 @@ dom_1.ElementWrapper.prototype.findAllDrawers = function (selector) {
     return this.findAllComponents(drawer_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findExpandableSection = function (selector) {
-    const rootSelector = `.${expandable_section_1.default.rootSelector}`;
+    let rootSelector = `.${expandable_section_1.default.rootSelector}`;
+    if ("legacyRootSelector" in expandable_section_1.default && expandable_section_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${expandable_section_1.default.rootSelector}, .${expandable_section_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, expandable_section_1.default);
@@ -435,7 +522,10 @@ dom_1.ElementWrapper.prototype.findAllExpandableSections = function (selector) {
     return this.findAllComponents(expandable_section_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findFileDropzone = function (selector) {
-    const rootSelector = `.${file_dropzone_1.default.rootSelector}`;
+    let rootSelector = `.${file_dropzone_1.default.rootSelector}`;
+    if ("legacyRootSelector" in file_dropzone_1.default && file_dropzone_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${file_dropzone_1.default.rootSelector}, .${file_dropzone_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, file_dropzone_1.default);
@@ -444,7 +534,10 @@ dom_1.ElementWrapper.prototype.findAllFileDropzones = function (selector) {
     return this.findAllComponents(file_dropzone_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findFileInput = function (selector) {
-    const rootSelector = `.${file_input_1.default.rootSelector}`;
+    let rootSelector = `.${file_input_1.default.rootSelector}`;
+    if ("legacyRootSelector" in file_input_1.default && file_input_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${file_input_1.default.rootSelector}, .${file_input_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, file_input_1.default);
@@ -453,7 +546,10 @@ dom_1.ElementWrapper.prototype.findAllFileInputs = function (selector) {
     return this.findAllComponents(file_input_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findFileTokenGroup = function (selector) {
-    const rootSelector = `.${file_token_group_1.default.rootSelector}`;
+    let rootSelector = `.${file_token_group_1.default.rootSelector}`;
+    if ("legacyRootSelector" in file_token_group_1.default && file_token_group_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${file_token_group_1.default.rootSelector}, .${file_token_group_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, file_token_group_1.default);
@@ -462,7 +558,10 @@ dom_1.ElementWrapper.prototype.findAllFileTokenGroups = function (selector) {
     return this.findAllComponents(file_token_group_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findFileUpload = function (selector) {
-    const rootSelector = `.${file_upload_1.default.rootSelector}`;
+    let rootSelector = `.${file_upload_1.default.rootSelector}`;
+    if ("legacyRootSelector" in file_upload_1.default && file_upload_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${file_upload_1.default.rootSelector}, .${file_upload_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, file_upload_1.default);
@@ -471,7 +570,10 @@ dom_1.ElementWrapper.prototype.findAllFileUploads = function (selector) {
     return this.findAllComponents(file_upload_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findFlashbar = function (selector) {
-    const rootSelector = `.${flashbar_1.default.rootSelector}`;
+    let rootSelector = `.${flashbar_1.default.rootSelector}`;
+    if ("legacyRootSelector" in flashbar_1.default && flashbar_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${flashbar_1.default.rootSelector}, .${flashbar_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, flashbar_1.default);
@@ -480,7 +582,10 @@ dom_1.ElementWrapper.prototype.findAllFlashbars = function (selector) {
     return this.findAllComponents(flashbar_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findForm = function (selector) {
-    const rootSelector = `.${form_1.default.rootSelector}`;
+    let rootSelector = `.${form_1.default.rootSelector}`;
+    if ("legacyRootSelector" in form_1.default && form_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${form_1.default.rootSelector}, .${form_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, form_1.default);
@@ -489,7 +594,10 @@ dom_1.ElementWrapper.prototype.findAllForms = function (selector) {
     return this.findAllComponents(form_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findFormField = function (selector) {
-    const rootSelector = `.${form_field_1.default.rootSelector}`;
+    let rootSelector = `.${form_field_1.default.rootSelector}`;
+    if ("legacyRootSelector" in form_field_1.default && form_field_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${form_field_1.default.rootSelector}, .${form_field_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, form_field_1.default);
@@ -498,7 +606,10 @@ dom_1.ElementWrapper.prototype.findAllFormFields = function (selector) {
     return this.findAllComponents(form_field_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findGrid = function (selector) {
-    const rootSelector = `.${grid_1.default.rootSelector}`;
+    let rootSelector = `.${grid_1.default.rootSelector}`;
+    if ("legacyRootSelector" in grid_1.default && grid_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${grid_1.default.rootSelector}, .${grid_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, grid_1.default);
@@ -507,7 +618,10 @@ dom_1.ElementWrapper.prototype.findAllGrids = function (selector) {
     return this.findAllComponents(grid_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findHeader = function (selector) {
-    const rootSelector = `.${header_1.default.rootSelector}`;
+    let rootSelector = `.${header_1.default.rootSelector}`;
+    if ("legacyRootSelector" in header_1.default && header_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${header_1.default.rootSelector}, .${header_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, header_1.default);
@@ -516,7 +630,10 @@ dom_1.ElementWrapper.prototype.findAllHeaders = function (selector) {
     return this.findAllComponents(header_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findHelpPanel = function (selector) {
-    const rootSelector = `.${help_panel_1.default.rootSelector}`;
+    let rootSelector = `.${help_panel_1.default.rootSelector}`;
+    if ("legacyRootSelector" in help_panel_1.default && help_panel_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${help_panel_1.default.rootSelector}, .${help_panel_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, help_panel_1.default);
@@ -525,7 +642,10 @@ dom_1.ElementWrapper.prototype.findAllHelpPanels = function (selector) {
     return this.findAllComponents(help_panel_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findHotspot = function (selector) {
-    const rootSelector = `.${hotspot_1.default.rootSelector}`;
+    let rootSelector = `.${hotspot_1.default.rootSelector}`;
+    if ("legacyRootSelector" in hotspot_1.default && hotspot_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${hotspot_1.default.rootSelector}, .${hotspot_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, hotspot_1.default);
@@ -534,7 +654,10 @@ dom_1.ElementWrapper.prototype.findAllHotspots = function (selector) {
     return this.findAllComponents(hotspot_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findIcon = function (selector) {
-    const rootSelector = `.${icon_1.default.rootSelector}`;
+    let rootSelector = `.${icon_1.default.rootSelector}`;
+    if ("legacyRootSelector" in icon_1.default && icon_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${icon_1.default.rootSelector}, .${icon_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, icon_1.default);
@@ -543,7 +666,10 @@ dom_1.ElementWrapper.prototype.findAllIcons = function (selector) {
     return this.findAllComponents(icon_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findInput = function (selector) {
-    const rootSelector = `.${input_1.default.rootSelector}`;
+    let rootSelector = `.${input_1.default.rootSelector}`;
+    if ("legacyRootSelector" in input_1.default && input_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${input_1.default.rootSelector}, .${input_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, input_1.default);
@@ -552,7 +678,10 @@ dom_1.ElementWrapper.prototype.findAllInputs = function (selector) {
     return this.findAllComponents(input_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findKeyValuePairs = function (selector) {
-    const rootSelector = `.${key_value_pairs_1.default.rootSelector}`;
+    let rootSelector = `.${key_value_pairs_1.default.rootSelector}`;
+    if ("legacyRootSelector" in key_value_pairs_1.default && key_value_pairs_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${key_value_pairs_1.default.rootSelector}, .${key_value_pairs_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, key_value_pairs_1.default);
@@ -561,7 +690,10 @@ dom_1.ElementWrapper.prototype.findAllKeyValuePairs = function (selector) {
     return this.findAllComponents(key_value_pairs_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findLineChart = function (selector) {
-    const rootSelector = `.${line_chart_1.default.rootSelector}`;
+    let rootSelector = `.${line_chart_1.default.rootSelector}`;
+    if ("legacyRootSelector" in line_chart_1.default && line_chart_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${line_chart_1.default.rootSelector}, .${line_chart_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, line_chart_1.default);
@@ -570,7 +702,10 @@ dom_1.ElementWrapper.prototype.findAllLineCharts = function (selector) {
     return this.findAllComponents(line_chart_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findLink = function (selector) {
-    const rootSelector = `.${link_1.default.rootSelector}`;
+    let rootSelector = `.${link_1.default.rootSelector}`;
+    if ("legacyRootSelector" in link_1.default && link_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${link_1.default.rootSelector}, .${link_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, link_1.default);
@@ -579,7 +714,10 @@ dom_1.ElementWrapper.prototype.findAllLinks = function (selector) {
     return this.findAllComponents(link_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findList = function (selector) {
-    const rootSelector = `.${list_1.default.rootSelector}`;
+    let rootSelector = `.${list_1.default.rootSelector}`;
+    if ("legacyRootSelector" in list_1.default && list_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${list_1.default.rootSelector}, .${list_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, list_1.default);
@@ -588,7 +726,10 @@ dom_1.ElementWrapper.prototype.findAllLists = function (selector) {
     return this.findAllComponents(list_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findLiveRegion = function (selector) {
-    const rootSelector = `.${live_region_1.default.rootSelector}`;
+    let rootSelector = `.${live_region_1.default.rootSelector}`;
+    if ("legacyRootSelector" in live_region_1.default && live_region_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${live_region_1.default.rootSelector}, .${live_region_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, live_region_1.default);
@@ -597,7 +738,10 @@ dom_1.ElementWrapper.prototype.findAllLiveRegions = function (selector) {
     return this.findAllComponents(live_region_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findMixedLineBarChart = function (selector) {
-    const rootSelector = `.${mixed_line_bar_chart_1.default.rootSelector}`;
+    let rootSelector = `.${mixed_line_bar_chart_1.default.rootSelector}`;
+    if ("legacyRootSelector" in mixed_line_bar_chart_1.default && mixed_line_bar_chart_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${mixed_line_bar_chart_1.default.rootSelector}, .${mixed_line_bar_chart_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, mixed_line_bar_chart_1.default);
@@ -606,7 +750,10 @@ dom_1.ElementWrapper.prototype.findAllMixedLineBarCharts = function (selector) {
     return this.findAllComponents(mixed_line_bar_chart_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findModal = function (selector) {
-    const rootSelector = `.${modal_1.default.rootSelector}`;
+    let rootSelector = `.${modal_1.default.rootSelector}`;
+    if ("legacyRootSelector" in modal_1.default && modal_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${modal_1.default.rootSelector}, .${modal_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, modal_1.default);
@@ -615,7 +762,10 @@ dom_1.ElementWrapper.prototype.findAllModals = function (selector) {
     return this.findAllComponents(modal_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findMultiselect = function (selector) {
-    const rootSelector = `.${multiselect_1.default.rootSelector}`;
+    let rootSelector = `.${multiselect_1.default.rootSelector}`;
+    if ("legacyRootSelector" in multiselect_1.default && multiselect_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${multiselect_1.default.rootSelector}, .${multiselect_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, multiselect_1.default);
@@ -624,7 +774,10 @@ dom_1.ElementWrapper.prototype.findAllMultiselects = function (selector) {
     return this.findAllComponents(multiselect_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findNavigableGroup = function (selector) {
-    const rootSelector = `.${navigable_group_1.default.rootSelector}`;
+    let rootSelector = `.${navigable_group_1.default.rootSelector}`;
+    if ("legacyRootSelector" in navigable_group_1.default && navigable_group_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${navigable_group_1.default.rootSelector}, .${navigable_group_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, navigable_group_1.default);
@@ -633,7 +786,10 @@ dom_1.ElementWrapper.prototype.findAllNavigableGroups = function (selector) {
     return this.findAllComponents(navigable_group_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findPagination = function (selector) {
-    const rootSelector = `.${pagination_1.default.rootSelector}`;
+    let rootSelector = `.${pagination_1.default.rootSelector}`;
+    if ("legacyRootSelector" in pagination_1.default && pagination_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${pagination_1.default.rootSelector}, .${pagination_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, pagination_1.default);
@@ -642,7 +798,10 @@ dom_1.ElementWrapper.prototype.findAllPaginations = function (selector) {
     return this.findAllComponents(pagination_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findPieChart = function (selector) {
-    const rootSelector = `.${pie_chart_1.default.rootSelector}`;
+    let rootSelector = `.${pie_chart_1.default.rootSelector}`;
+    if ("legacyRootSelector" in pie_chart_1.default && pie_chart_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${pie_chart_1.default.rootSelector}, .${pie_chart_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, pie_chart_1.default);
@@ -651,7 +810,10 @@ dom_1.ElementWrapper.prototype.findAllPieCharts = function (selector) {
     return this.findAllComponents(pie_chart_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findPopover = function (selector) {
-    const rootSelector = `.${popover_1.default.rootSelector}`;
+    let rootSelector = `.${popover_1.default.rootSelector}`;
+    if ("legacyRootSelector" in popover_1.default && popover_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${popover_1.default.rootSelector}, .${popover_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, popover_1.default);
@@ -660,7 +822,10 @@ dom_1.ElementWrapper.prototype.findAllPopovers = function (selector) {
     return this.findAllComponents(popover_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findProgressBar = function (selector) {
-    const rootSelector = `.${progress_bar_1.default.rootSelector}`;
+    let rootSelector = `.${progress_bar_1.default.rootSelector}`;
+    if ("legacyRootSelector" in progress_bar_1.default && progress_bar_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${progress_bar_1.default.rootSelector}, .${progress_bar_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, progress_bar_1.default);
@@ -669,7 +834,10 @@ dom_1.ElementWrapper.prototype.findAllProgressBars = function (selector) {
     return this.findAllComponents(progress_bar_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findPromptInput = function (selector) {
-    const rootSelector = `.${prompt_input_1.default.rootSelector}`;
+    let rootSelector = `.${prompt_input_1.default.rootSelector}`;
+    if ("legacyRootSelector" in prompt_input_1.default && prompt_input_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${prompt_input_1.default.rootSelector}, .${prompt_input_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, prompt_input_1.default);
@@ -678,7 +846,10 @@ dom_1.ElementWrapper.prototype.findAllPromptInputs = function (selector) {
     return this.findAllComponents(prompt_input_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findPropertyFilter = function (selector) {
-    const rootSelector = `.${property_filter_1.default.rootSelector}`;
+    let rootSelector = `.${property_filter_1.default.rootSelector}`;
+    if ("legacyRootSelector" in property_filter_1.default && property_filter_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${property_filter_1.default.rootSelector}, .${property_filter_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, property_filter_1.default);
@@ -687,7 +858,10 @@ dom_1.ElementWrapper.prototype.findAllPropertyFilters = function (selector) {
     return this.findAllComponents(property_filter_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findRadioGroup = function (selector) {
-    const rootSelector = `.${radio_group_1.default.rootSelector}`;
+    let rootSelector = `.${radio_group_1.default.rootSelector}`;
+    if ("legacyRootSelector" in radio_group_1.default && radio_group_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${radio_group_1.default.rootSelector}, .${radio_group_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, radio_group_1.default);
@@ -696,7 +870,10 @@ dom_1.ElementWrapper.prototype.findAllRadioGroups = function (selector) {
     return this.findAllComponents(radio_group_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findS3ResourceSelector = function (selector) {
-    const rootSelector = `.${s3_resource_selector_1.default.rootSelector}`;
+    let rootSelector = `.${s3_resource_selector_1.default.rootSelector}`;
+    if ("legacyRootSelector" in s3_resource_selector_1.default && s3_resource_selector_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${s3_resource_selector_1.default.rootSelector}, .${s3_resource_selector_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, s3_resource_selector_1.default);
@@ -705,7 +882,10 @@ dom_1.ElementWrapper.prototype.findAllS3ResourceSelectors = function (selector)
     return this.findAllComponents(s3_resource_selector_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSegmentedControl = function (selector) {
-    const rootSelector = `.${segmented_control_1.default.rootSelector}`;
+    let rootSelector = `.${segmented_control_1.default.rootSelector}`;
+    if ("legacyRootSelector" in segmented_control_1.default && segmented_control_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${segmented_control_1.default.rootSelector}, .${segmented_control_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, segmented_control_1.default);
@@ -714,7 +894,10 @@ dom_1.ElementWrapper.prototype.findAllSegmentedControls = function (selector) {
     return this.findAllComponents(segmented_control_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSelect = function (selector) {
-    const rootSelector = `.${select_1.default.rootSelector}`;
+    let rootSelector = `.${select_1.default.rootSelector}`;
+    if ("legacyRootSelector" in select_1.default && select_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${select_1.default.rootSelector}, .${select_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, select_1.default);
@@ -723,7 +906,10 @@ dom_1.ElementWrapper.prototype.findAllSelects = function (selector) {
     return this.findAllComponents(select_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSideNavigation = function (selector) {
-    const rootSelector = `.${side_navigation_1.default.rootSelector}`;
+    let rootSelector = `.${side_navigation_1.default.rootSelector}`;
+    if ("legacyRootSelector" in side_navigation_1.default && side_navigation_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${side_navigation_1.default.rootSelector}, .${side_navigation_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, side_navigation_1.default);
@@ -732,7 +918,10 @@ dom_1.ElementWrapper.prototype.findAllSideNavigations = function (selector) {
     return this.findAllComponents(side_navigation_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSlider = function (selector) {
-    const rootSelector = `.${slider_1.default.rootSelector}`;
+    let rootSelector = `.${slider_1.default.rootSelector}`;
+    if ("legacyRootSelector" in slider_1.default && slider_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${slider_1.default.rootSelector}, .${slider_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, slider_1.default);
@@ -741,7 +930,10 @@ dom_1.ElementWrapper.prototype.findAllSliders = function (selector) {
     return this.findAllComponents(slider_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSpaceBetween = function (selector) {
-    const rootSelector = `.${space_between_1.default.rootSelector}`;
+    let rootSelector = `.${space_between_1.default.rootSelector}`;
+    if ("legacyRootSelector" in space_between_1.default && space_between_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${space_between_1.default.rootSelector}, .${space_between_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, space_between_1.default);
@@ -750,7 +942,10 @@ dom_1.ElementWrapper.prototype.findAllSpaceBetweens = function (selector) {
     return this.findAllComponents(space_between_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSpinner = function (selector) {
-    const rootSelector = `.${spinner_1.default.rootSelector}`;
+    let rootSelector = `.${spinner_1.default.rootSelector}`;
+    if ("legacyRootSelector" in spinner_1.default && spinner_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${spinner_1.default.rootSelector}, .${spinner_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, spinner_1.default);
@@ -759,7 +954,10 @@ dom_1.ElementWrapper.prototype.findAllSpinners = function (selector) {
     return this.findAllComponents(spinner_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSplitPanel = function (selector) {
-    const rootSelector = `.${split_panel_1.default.rootSelector}`;
+    let rootSelector = `.${split_panel_1.default.rootSelector}`;
+    if ("legacyRootSelector" in split_panel_1.default && split_panel_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${split_panel_1.default.rootSelector}, .${split_panel_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, split_panel_1.default);
@@ -768,7 +966,10 @@ dom_1.ElementWrapper.prototype.findAllSplitPanels = function (selector) {
     return this.findAllComponents(split_panel_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findStatusIndicator = function (selector) {
-    const rootSelector = `.${status_indicator_1.default.rootSelector}`;
+    let rootSelector = `.${status_indicator_1.default.rootSelector}`;
+    if ("legacyRootSelector" in status_indicator_1.default && status_indicator_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${status_indicator_1.default.rootSelector}, .${status_indicator_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, status_indicator_1.default);
@@ -777,7 +978,10 @@ dom_1.ElementWrapper.prototype.findAllStatusIndicators = function (selector) {
     return this.findAllComponents(status_indicator_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findSteps = function (selector) {
-    const rootSelector = `.${steps_1.default.rootSelector}`;
+    let rootSelector = `.${steps_1.default.rootSelector}`;
+    if ("legacyRootSelector" in steps_1.default && steps_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${steps_1.default.rootSelector}, .${steps_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, steps_1.default);
@@ -786,7 +990,10 @@ dom_1.ElementWrapper.prototype.findAllSteps = function (selector) {
     return this.findAllComponents(steps_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTable = function (selector) {
-    const rootSelector = `.${table_1.default.rootSelector}`;
+    let rootSelector = `.${table_1.default.rootSelector}`;
+    if ("legacyRootSelector" in table_1.default && table_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${table_1.default.rootSelector}, .${table_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, table_1.default);
@@ -795,7 +1002,10 @@ dom_1.ElementWrapper.prototype.findAllTables = function (selector) {
     return this.findAllComponents(table_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTabs = function (selector) {
-    const rootSelector = `.${tabs_1.default.rootSelector}`;
+    let rootSelector = `.${tabs_1.default.rootSelector}`;
+    if ("legacyRootSelector" in tabs_1.default && tabs_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${tabs_1.default.rootSelector}, .${tabs_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, tabs_1.default);
@@ -804,7 +1014,10 @@ dom_1.ElementWrapper.prototype.findAllTabs = function (selector) {
     return this.findAllComponents(tabs_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTagEditor = function (selector) {
-    const rootSelector = `.${tag_editor_1.default.rootSelector}`;
+    let rootSelector = `.${tag_editor_1.default.rootSelector}`;
+    if ("legacyRootSelector" in tag_editor_1.default && tag_editor_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${tag_editor_1.default.rootSelector}, .${tag_editor_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, tag_editor_1.default);
@@ -813,7 +1026,10 @@ dom_1.ElementWrapper.prototype.findAllTagEditors = function (selector) {
     return this.findAllComponents(tag_editor_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTextContent = function (selector) {
-    const rootSelector = `.${text_content_1.default.rootSelector}`;
+    let rootSelector = `.${text_content_1.default.rootSelector}`;
+    if ("legacyRootSelector" in text_content_1.default && text_content_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${text_content_1.default.rootSelector}, .${text_content_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, text_content_1.default);
@@ -822,7 +1038,10 @@ dom_1.ElementWrapper.prototype.findAllTextContents = function (selector) {
     return this.findAllComponents(text_content_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTextFilter = function (selector) {
-    const rootSelector = `.${text_filter_1.default.rootSelector}`;
+    let rootSelector = `.${text_filter_1.default.rootSelector}`;
+    if ("legacyRootSelector" in text_filter_1.default && text_filter_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${text_filter_1.default.rootSelector}, .${text_filter_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, text_filter_1.default);
@@ -831,7 +1050,10 @@ dom_1.ElementWrapper.prototype.findAllTextFilters = function (selector) {
     return this.findAllComponents(text_filter_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTextarea = function (selector) {
-    const rootSelector = `.${textarea_1.default.rootSelector}`;
+    let rootSelector = `.${textarea_1.default.rootSelector}`;
+    if ("legacyRootSelector" in textarea_1.default && textarea_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${textarea_1.default.rootSelector}, .${textarea_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, textarea_1.default);
@@ -840,7 +1062,10 @@ dom_1.ElementWrapper.prototype.findAllTextareas = function (selector) {
     return this.findAllComponents(textarea_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTiles = function (selector) {
-    const rootSelector = `.${tiles_1.default.rootSelector}`;
+    let rootSelector = `.${tiles_1.default.rootSelector}`;
+    if ("legacyRootSelector" in tiles_1.default && tiles_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${tiles_1.default.rootSelector}, .${tiles_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, tiles_1.default);
@@ -849,7 +1074,10 @@ dom_1.ElementWrapper.prototype.findAllTiles = function (selector) {
     return this.findAllComponents(tiles_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTimeInput = function (selector) {
-    const rootSelector = `.${time_input_1.default.rootSelector}`;
+    let rootSelector = `.${time_input_1.default.rootSelector}`;
+    if ("legacyRootSelector" in time_input_1.default && time_input_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${time_input_1.default.rootSelector}, .${time_input_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, time_input_1.default);
@@ -858,7 +1086,10 @@ dom_1.ElementWrapper.prototype.findAllTimeInputs = function (selector) {
     return this.findAllComponents(time_input_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findToggle = function (selector) {
-    const rootSelector = `.${toggle_1.default.rootSelector}`;
+    let rootSelector = `.${toggle_1.default.rootSelector}`;
+    if ("legacyRootSelector" in toggle_1.default && toggle_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${toggle_1.default.rootSelector}, .${toggle_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, toggle_1.default);
@@ -867,7 +1098,10 @@ dom_1.ElementWrapper.prototype.findAllToggles = function (selector) {
     return this.findAllComponents(toggle_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findToggleButton = function (selector) {
-    const rootSelector = `.${toggle_button_1.default.rootSelector}`;
+    let rootSelector = `.${toggle_button_1.default.rootSelector}`;
+    if ("legacyRootSelector" in toggle_button_1.default && toggle_button_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${toggle_button_1.default.rootSelector}, .${toggle_button_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, toggle_button_1.default);
@@ -876,7 +1110,10 @@ dom_1.ElementWrapper.prototype.findAllToggleButtons = function (selector) {
     return this.findAllComponents(toggle_button_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTokenGroup = function (selector) {
-    const rootSelector = `.${token_group_1.default.rootSelector}`;
+    let rootSelector = `.${token_group_1.default.rootSelector}`;
+    if ("legacyRootSelector" in token_group_1.default && token_group_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${token_group_1.default.rootSelector}, .${token_group_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, token_group_1.default);
@@ -885,7 +1122,10 @@ dom_1.ElementWrapper.prototype.findAllTokenGroups = function (selector) {
     return this.findAllComponents(token_group_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTopNavigation = function (selector) {
-    const rootSelector = `.${top_navigation_1.default.rootSelector}`;
+    let rootSelector = `.${top_navigation_1.default.rootSelector}`;
+    if ("legacyRootSelector" in top_navigation_1.default && top_navigation_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${top_navigation_1.default.rootSelector}, .${top_navigation_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, top_navigation_1.default);
@@ -894,7 +1134,10 @@ dom_1.ElementWrapper.prototype.findAllTopNavigations = function (selector) {
     return this.findAllComponents(top_navigation_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTreeView = function (selector) {
-    const rootSelector = `.${tree_view_1.default.rootSelector}`;
+    let rootSelector = `.${tree_view_1.default.rootSelector}`;
+    if ("legacyRootSelector" in tree_view_1.default && tree_view_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${tree_view_1.default.rootSelector}, .${tree_view_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, tree_view_1.default);
@@ -903,7 +1146,10 @@ dom_1.ElementWrapper.prototype.findAllTreeViews = function (selector) {
     return this.findAllComponents(tree_view_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findTutorialPanel = function (selector) {
-    const rootSelector = `.${tutorial_panel_1.default.rootSelector}`;
+    let rootSelector = `.${tutorial_panel_1.default.rootSelector}`;
+    if ("legacyRootSelector" in tutorial_panel_1.default && tutorial_panel_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${tutorial_panel_1.default.rootSelector}, .${tutorial_panel_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, tutorial_panel_1.default);
@@ -912,7 +1158,10 @@ dom_1.ElementWrapper.prototype.findAllTutorialPanels = function (selector) {
     return this.findAllComponents(tutorial_panel_1.default, selector);
 };
 dom_1.ElementWrapper.prototype.findWizard = function (selector) {
-    const rootSelector = `.${wizard_1.default.rootSelector}`;
+    let rootSelector = `.${wizard_1.default.rootSelector}`;
+    if ("legacyRootSelector" in wizard_1.default && wizard_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${wizard_1.default.rootSelector}, .${wizard_1.default.legacyRootSelector})`;
+    }
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, wizard_1.default);