Import overlay constants instead of hardcoding strings everywhere.

PiperOrigin-RevId: 199415134

Author: cissyshi

lib/src/laminate/popup/popup_hierarchy.dart

@@ -6,6 +6,7 @@ import 'dart:async';
 import 'dart:html';
 
 import 'package:angular/angular.dart';
+import 'package:angular_components/laminate/overlay/constants.dart';
 import 'package:angular_components/utils/browser/events/events.dart' as events;
 
 /// Tracks a hierarchy of visible popup and provides it closing logic.
@@ -62,8 +63,8 @@ class PopupHierarchy {
     // created by another app using ACX.
     // TODO(google): Find a way to compute it only when needed and make it
     // globally accessible.
-    var modalPanes =
-        document.querySelectorAll('.acx-overlay-container .pane.modal.visible');
+    var modalPanes = document
+        .querySelectorAll('.$overlayContainerClassName .pane.modal.visible');
     if (modalPanes.isNotEmpty) {
       if (useMultiModalDismissal) {
         // Only close popups that belong to the currently visible modal or whose

lib/src/material_tooltip/tooltip_target.dart

@@ -6,6 +6,7 @@ import 'dart:async';
 import 'dart:html';
 
 import 'package:angular/angular.dart';
+import 'package:angular_components/laminate/overlay/constants.dart';
 import 'package:angular_components/laminate/popup/popup.dart';
 import 'package:angular_components/src/material_tooltip/tooltip_controller.dart';
 import 'package:angular_components/model/action/delayed_action.dart';
@@ -163,7 +164,7 @@ class ClickableTooltipTargetDirective extends TooltipBehavior
     // Don't hide the tooltip if focus went to an element inside the tooltip.
     HtmlElement el;
     for (el = event.relatedTarget; el.parent != null; el = el.parent) {
-      if (el.className == "acx-overlay-container") return;
+      if (el.className == overlayContainerClassName) return;
     }
 
     hideTooltip(immediate: true);