@ng-matero/extensions 20.3.0 → 21.0.0

package/fesm2022/mtxTooltip.mjs

@@ -1,16 +1,16 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, TemplateRef, ElementRef, NgZone, Injector, ViewContainerRef, afterNextRender, DOCUMENT, Input, Directive, ChangeDetectorRef, ANIMATION_MODULE_TYPE, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
 import { AriaDescriber, FocusMonitor, A11yModule } from '@angular/cdk/a11y';
-import { Overlay, ScrollDispatcher, OverlayModule } from '@angular/cdk/overlay';
+import { Directionality, BidiModule } from '@angular/cdk/bidi';
+import { createRepositionScrollStrategy, ScrollDispatcher, createFlexibleConnectedPositionStrategy, createOverlayRef, OverlayModule } from '@angular/cdk/overlay';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
-import { MatCommonModule } from '@angular/material/core';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injector, TemplateRef, ElementRef, NgZone, ViewContainerRef, afterNextRender, DOCUMENT, Input, Directive, ChangeDetectorRef, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { MtxIsTemplateRefPipe, MtxPipesModule } from '@ng-matero/extensions/core';
-import { Directionality } from '@angular/cdk/bidi';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
 import { normalizePassiveListenerOptions, Platform } from '@angular/cdk/platform';
 import { ComponentPortal } from '@angular/cdk/portal';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { _animationsDisabled } from '@angular/material/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -27,44 +27,18 @@ function getMtxTooltipInvalidPositionError(position) {
 const MTX_TOOLTIP_SCROLL_STRATEGY = new InjectionToken('mtx-tooltip-scroll-strategy', {
     providedIn: 'root',
     factory: () => {
-        const overlay = inject(Overlay);
-        return () => overlay.scrollStrategies.reposition({ scrollThrottle: SCROLL_THROTTLE_MS });
+        const injector = inject(Injector);
+        return () => createRepositionScrollStrategy(injector, { scrollThrottle: SCROLL_THROTTLE_MS });
     },
 });
-/**
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-function MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY(overlay) {
-    return () => overlay.scrollStrategies.reposition({ scrollThrottle: SCROLL_THROTTLE_MS });
-}
-/**
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-const MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {
-    provide: MTX_TOOLTIP_SCROLL_STRATEGY,
-    deps: [Overlay],
-    useFactory: MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY,
-};
-/**
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0
- */
-function MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY() {
-    return {
-        showDelay: 0,
-        hideDelay: 0,
-        touchendHideDelay: 1500,
-    };
-}
 /** Injection token to be used to override the default options for `mtxTooltip`. */
 const MTX_TOOLTIP_DEFAULT_OPTIONS = new InjectionToken('mtx-tooltip-default-options', {
     providedIn: 'root',
-    factory: MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY,
+    factory: () => ({
+        showDelay: 0,
+        hideDelay: 0,
+        touchendHideDelay: 1500,
+    }),
 });
 /**
  * CSS class that will be attached to the overlay panel.
@@ -196,6 +170,7 @@ class MtxTooltip {
         this._dir = inject(Directionality);
         this._injector = inject(Injector);
         this._viewContainerRef = inject(ViewContainerRef);
+        this._animationsDisabled = _animationsDisabled();
         this._defaultOptions = inject(MTX_TOOLTIP_DEFAULT_OPTIONS, {
             optional: true,
         });
@@ -350,15 +325,14 @@ class MtxTooltip {
         const scrollableAncestors = this._injector
             .get(ScrollDispatcher)
             .getAncestorScrollContainers(this._elementRef);
-        const overlay = this._injector.get(Overlay);
+        const panelClass = `${this._cssClassPrefix}-${PANEL_CLASS}`;
         // Create connected position strategy that listens for scroll events to reposition.
-        const strategy = overlay
-            .position()
-            .flexibleConnectedTo(this.positionAtOrigin ? origin || this._elementRef : this._elementRef)
+        const strategy = createFlexibleConnectedPositionStrategy(this._injector, this.positionAtOrigin ? origin || this._elementRef : this._elementRef)
             .withTransformOriginOn(`.${this._cssClassPrefix}-tooltip`)
             .withFlexibleDimensions(false)
             .withViewportMargin(this._viewportMargin)
-            .withScrollableContainers(scrollableAncestors);
+            .withScrollableContainers(scrollableAncestors)
+            .withPopoverLocation('global');
         strategy.positionChanges.pipe(takeUntil(this._destroyed)).subscribe(change => {
             this._updateCurrentPositionClass(change.connectionPair);
             if (this._tooltipInstance) {
@@ -369,11 +343,13 @@ class MtxTooltip {
                 }
             }
         });
-        this._overlayRef = overlay.create({
+        this._overlayRef = createOverlayRef(this._injector, {
             direction: this._dir,
             positionStrategy: strategy,
-            panelClass: `${this._cssClassPrefix}-${PANEL_CLASS}`,
+            panelClass: this._overlayPanelClass ? [...this._overlayPanelClass, panelClass] : panelClass,
             scrollStrategy: this._injector.get(MTX_TOOLTIP_SCROLL_STRATEGY)(),
+            disableAnimations: this._animationsDisabled,
+            usePopover: true,
         });
         this._updatePosition(this._overlayRef);
         this._overlayRef
@@ -729,10 +705,10 @@ class MtxTooltip {
             }, { injector: this._injector });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MtxTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MtxTooltip, isStandalone: true, selector: "[mtxTooltip]", inputs: { position: ["mtxTooltipPosition", "position"], positionAtOrigin: ["mtxTooltipPositionAtOrigin", "positionAtOrigin"], disabled: ["mtxTooltipDisabled", "disabled"], showDelay: ["mtxTooltipShowDelay", "showDelay"], hideDelay: ["mtxTooltipHideDelay", "hideDelay"], touchGestures: ["mtxTooltipTouchGestures", "touchGestures"], message: ["mtxTooltip", "message"], tooltipContext: ["mtxTooltipContext", "tooltipContext"], tooltipClass: ["mtxTooltipClass", "tooltipClass"] }, host: { properties: { "class.mtx-mdc-tooltip-disabled": "disabled" }, classAttribute: "mtx-mdc-tooltip-trigger" }, exportAs: ["mtxTooltip"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MtxTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: MtxTooltip, isStandalone: true, selector: "[mtxTooltip]", inputs: { position: ["mtxTooltipPosition", "position"], positionAtOrigin: ["mtxTooltipPositionAtOrigin", "positionAtOrigin"], disabled: ["mtxTooltipDisabled", "disabled"], showDelay: ["mtxTooltipShowDelay", "showDelay"], hideDelay: ["mtxTooltipHideDelay", "hideDelay"], touchGestures: ["mtxTooltipTouchGestures", "touchGestures"], message: ["mtxTooltip", "message"], tooltipContext: ["mtxTooltipContext", "tooltipContext"], tooltipClass: ["mtxTooltipClass", "tooltipClass"] }, host: { properties: { "class.mtx-mdc-tooltip-disabled": "disabled" }, classAttribute: "mtx-mdc-tooltip-trigger" }, exportAs: ["mtxTooltip"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MtxTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MtxTooltip, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mtxTooltip]',
@@ -780,6 +756,8 @@ class TooltipComponent {
         this._elementRef = inject(ElementRef);
         /* Whether the tooltip text overflows to multiple lines */
         this._isMultiline = false;
+        /** Whether animations are currently disabled. */
+        this._animationsDisabled = _animationsDisabled();
         /** Whether interactions on the page should close the tooltip */
         this._closeOnInteraction = false;
         /** Whether the tooltip is currently visible. */
@@ -790,8 +768,6 @@ class TooltipComponent {
         this._showAnimation = 'mtx-mdc-tooltip-show';
         /** Name of the hide animation and the class that toggles it. */
         this._hideAnimation = 'mtx-mdc-tooltip-hide';
-        const animationMode = inject(ANIMATION_MODULE_TYPE, { optional: true });
-        this._animationsDisabled = animationMode === 'NoopAnimations';
     }
     /**
      * Shows the tooltip with an animation originating from the provided origin
@@ -933,16 +909,16 @@ class TooltipComponent {
             this._finalizeAnimation(isVisible);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: TooltipComponent, isStandalone: true, selector: "mtx-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "mouseleave": "_handleMouseLeave($event)" } }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }], ngImport: i0, template: "<div\n  #tooltip\n  class=\"mdc-tooltip mtx-mdc-tooltip\"\n  [ngClass]=\"tooltipClass\"\n  (animationend)=\"_handleAnimationEnd($event)\"\n  [class.mdc-tooltip--multiline]=\"_isMultiline\"\n>\n  <div class=\"mtx-mdc-tooltip-surface mdc-tooltip__surface\">\n    @if (message | isTemplateRef) {\n      <ng-template\n        [ngTemplateOutlet]=\"$any(message)\"\n        [ngTemplateOutletContext]=\"{ $implicit: tooltipContext }\"\n      ></ng-template>\n    } @else {\n      {{ message }}\n    }\n  </div>\n</div>\n", styles: [".mtx-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mtx-mdc-tooltip:before{content:\"\";inset:0;z-index:-1;position:absolute}.mtx-mdc-tooltip-panel-below .mtx-mdc-tooltip:before{top:-8px}.mtx-mdc-tooltip-panel-above .mtx-mdc-tooltip:before{bottom:-8px}.mtx-mdc-tooltip-panel-right .mtx-mdc-tooltip:before{left:-8px}.mtx-mdc-tooltip-panel-left .mtx-mdc-tooltip:before{right:-8px}.mtx-mdc-tooltip._mtx-animation-noopable{animation:none;transform:scale(1)}.mtx-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mtx-tooltip-container-color, var(--mat-sys-inverse-surface));color:var(--mtx-tooltip-supporting-text-color, var(--mat-sys-inverse-on-surface));border-radius:var(--mtx-tooltip-container-shape, var(--mat-sys-corner-extra-small));font-family:var(--mtx-tooltip-supporting-text-font, var(--mat-sys-body-small-font));font-size:var(--mtx-tooltip-supporting-text-size, var(--mat-sys-body-small-size));font-weight:var(--mtx-tooltip-supporting-text-weight, var(--mat-sys-body-small-weight));line-height:var(--mtx-tooltip-supporting-text-line-height, var(--mat-sys-body-small-line-height));letter-spacing:var(--mtx-tooltip-supporting-text-tracking, var(--mat-sys-body-small-tracking))}.mtx-mdc-tooltip-surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}.mdc-tooltip--multiline .mtx-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mtx-mdc-tooltip-surface{text-align:right}.mtx-mdc-tooltip-panel{line-height:normal}.mtx-mdc-tooltip-panel.mtx-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mtx-mdc-tooltip-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes mtx-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mtx-mdc-tooltip-show{animation:mtx-mdc-tooltip-show .15s cubic-bezier(0,0,.2,1) forwards}.mtx-mdc-tooltip-hide{animation:mtx-mdc-tooltip-hide 75ms cubic-bezier(.4,0,1,1) forwards}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: MtxIsTemplateRefPipe, name: "isTemplateRef" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TooltipComponent, isStandalone: true, selector: "mtx-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "mouseleave": "_handleMouseLeave($event)" } }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }], ngImport: i0, template: "<div\n  #tooltip\n  class=\"mdc-tooltip mtx-mdc-tooltip\"\n  [ngClass]=\"tooltipClass\"\n  (animationend)=\"_handleAnimationEnd($event)\"\n  [class.mdc-tooltip--multiline]=\"_isMultiline\"\n>\n  <div class=\"mtx-mdc-tooltip-surface mdc-tooltip__surface\">\n    @if (message | isTemplateRef) {\n      <ng-template\n        [ngTemplateOutlet]=\"$any(message)\"\n        [ngTemplateOutletContext]=\"{ $implicit: tooltipContext }\"\n      ></ng-template>\n    } @else {\n      {{ message }}\n    }\n  </div>\n</div>\n", styles: [".mtx-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mtx-mdc-tooltip:before{content:\"\";inset:0;z-index:-1;position:absolute}.mtx-mdc-tooltip-panel-below .mtx-mdc-tooltip:before{top:-8px}.mtx-mdc-tooltip-panel-above .mtx-mdc-tooltip:before{bottom:-8px}.mtx-mdc-tooltip-panel-right .mtx-mdc-tooltip:before{left:-8px}.mtx-mdc-tooltip-panel-left .mtx-mdc-tooltip:before{right:-8px}.mtx-mdc-tooltip._mtx-animation-noopable{animation:none;transform:scale(1)}.mtx-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mtx-tooltip-container-color, var(--mat-sys-inverse-surface));color:var(--mtx-tooltip-supporting-text-color, var(--mat-sys-inverse-on-surface));border-radius:var(--mtx-tooltip-container-shape, var(--mat-sys-corner-extra-small));font-family:var(--mtx-tooltip-supporting-text-font, var(--mat-sys-body-small-font));font-size:var(--mtx-tooltip-supporting-text-size, var(--mat-sys-body-small-size));font-weight:var(--mtx-tooltip-supporting-text-weight, var(--mat-sys-body-small-weight));line-height:var(--mtx-tooltip-supporting-text-line-height, var(--mat-sys-body-small-line-height));letter-spacing:var(--mtx-tooltip-supporting-text-tracking, var(--mat-sys-body-small-tracking))}.mtx-mdc-tooltip-surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}.mdc-tooltip--multiline .mtx-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mtx-mdc-tooltip-surface{text-align:right}.mtx-mdc-tooltip-panel{line-height:normal}.mtx-mdc-tooltip-panel.mtx-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mtx-mdc-tooltip-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes mtx-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mtx-mdc-tooltip-show{animation:mtx-mdc-tooltip-show .15s cubic-bezier(0,0,.2,1) forwards}.mtx-mdc-tooltip-hide{animation:mtx-mdc-tooltip-hide 75ms cubic-bezier(.4,0,1,1) forwards}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: MtxIsTemplateRefPipe, name: "isTemplateRef" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mtx-tooltip-component', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '(mouseleave)': '_handleMouseLeave($event)',
                         'aria-hidden': 'true',
                     }, imports: [NgClass, NgTemplateOutlet, MtxIsTemplateRefPipe], template: "<div\n  #tooltip\n  class=\"mdc-tooltip mtx-mdc-tooltip\"\n  [ngClass]=\"tooltipClass\"\n  (animationend)=\"_handleAnimationEnd($event)\"\n  [class.mdc-tooltip--multiline]=\"_isMultiline\"\n>\n  <div class=\"mtx-mdc-tooltip-surface mdc-tooltip__surface\">\n    @if (message | isTemplateRef) {\n      <ng-template\n        [ngTemplateOutlet]=\"$any(message)\"\n        [ngTemplateOutletContext]=\"{ $implicit: tooltipContext }\"\n      ></ng-template>\n    } @else {\n      {{ message }}\n    }\n  </div>\n</div>\n", styles: [".mtx-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mtx-mdc-tooltip:before{content:\"\";inset:0;z-index:-1;position:absolute}.mtx-mdc-tooltip-panel-below .mtx-mdc-tooltip:before{top:-8px}.mtx-mdc-tooltip-panel-above .mtx-mdc-tooltip:before{bottom:-8px}.mtx-mdc-tooltip-panel-right .mtx-mdc-tooltip:before{left:-8px}.mtx-mdc-tooltip-panel-left .mtx-mdc-tooltip:before{right:-8px}.mtx-mdc-tooltip._mtx-animation-noopable{animation:none;transform:scale(1)}.mtx-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mtx-tooltip-container-color, var(--mat-sys-inverse-surface));color:var(--mtx-tooltip-supporting-text-color, var(--mat-sys-inverse-on-surface));border-radius:var(--mtx-tooltip-container-shape, var(--mat-sys-corner-extra-small));font-family:var(--mtx-tooltip-supporting-text-font, var(--mat-sys-body-small-font));font-size:var(--mtx-tooltip-supporting-text-size, var(--mat-sys-body-small-size));font-weight:var(--mtx-tooltip-supporting-text-weight, var(--mat-sys-body-small-weight));line-height:var(--mtx-tooltip-supporting-text-line-height, var(--mat-sys-body-small-line-height));letter-spacing:var(--mtx-tooltip-supporting-text-tracking, var(--mat-sys-body-small-tracking))}.mtx-mdc-tooltip-surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}.mdc-tooltip--multiline .mtx-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mtx-mdc-tooltip-surface{text-align:right}.mtx-mdc-tooltip-panel{line-height:normal}.mtx-mdc-tooltip-panel.mtx-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mtx-mdc-tooltip-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes mtx-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mtx-mdc-tooltip-show{animation:mtx-mdc-tooltip-show .15s cubic-bezier(0,0,.2,1) forwards}.mtx-mdc-tooltip-hide{animation:mtx-mdc-tooltip-hide 75ms cubic-bezier(.4,0,1,1) forwards}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { _tooltip: [{
+        }], propDecorators: { _tooltip: [{
                 type: ViewChild,
                 args: ['tooltip', {
                         // Use a static query here since we interact directly with
@@ -952,86 +928,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class MtxTooltipModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MtxTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MtxTooltipModule, imports: [A11yModule,
-            CommonModule,
-            OverlayModule,
-            MatCommonModule,
-            MtxPipesModule,
-            MtxTooltip,
-            TooltipComponent], exports: [MtxTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MtxTooltipModule, providers: [MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [A11yModule,
-            CommonModule,
-            OverlayModule,
-            MatCommonModule,
-            MtxPipesModule, MatCommonModule, CdkScrollableModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MtxTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: MtxTooltipModule, imports: [A11yModule, OverlayModule, MtxPipesModule, MtxTooltip, TooltipComponent], exports: [MtxTooltip, TooltipComponent, BidiModule, CdkScrollableModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MtxTooltipModule, imports: [A11yModule, OverlayModule, MtxPipesModule, BidiModule, CdkScrollableModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MtxTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: MtxTooltipModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        A11yModule,
-                        CommonModule,
-                        OverlayModule,
-                        MatCommonModule,
-                        MtxPipesModule,
-                        MtxTooltip,
-                        TooltipComponent,
-                    ],
-                    exports: [MtxTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule],
-                    providers: [MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER],
+                    imports: [A11yModule, OverlayModule, MtxPipesModule, MtxTooltip, TooltipComponent],
+                    exports: [MtxTooltip, TooltipComponent, BidiModule, CdkScrollableModule],
                 }]
         }] });
 
-/**
- * Animations used by MatTooltip.
- * @docs-private
- * @deprecated No longer being used, to be removed.
- * @breaking-change 21.0.0
- */
-const matTooltipAnimations = {
-    // Represents:
-    // trigger('state', [
-    //   state('initial, void, hidden', style({opacity: 0, transform: 'scale(0.8)'})),
-    //   state('visible', style({transform: 'scale(1)'})),
-    //   transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
-    //   transition('* => hidden', animate('75ms cubic-bezier(0.4, 0, 1, 1)')),
-    // ])
-    /** Animation that transitions a tooltip in and out. */
-    tooltipState: {
-        type: 7,
-        name: 'state',
-        definitions: [
-            {
-                type: 0,
-                name: 'initial, void, hidden',
-                styles: { type: 6, styles: { opacity: 0, transform: 'scale(0.8)' }, offset: null },
-            },
-            {
-                type: 0,
-                name: 'visible',
-                styles: { type: 6, styles: { transform: 'scale(1)' }, offset: null },
-            },
-            {
-                type: 1,
-                expr: '* => visible',
-                animation: { type: 4, styles: null, timings: '150ms cubic-bezier(0, 0, 0.2, 1)' },
-                options: null,
-            },
-            {
-                type: 1,
-                expr: '* => hidden',
-                animation: { type: 4, styles: null, timings: '75ms cubic-bezier(0.4, 0, 1, 1)' },
-                options: null,
-            },
-        ],
-        options: {},
-    },
-};
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MTX_TOOLTIP_DEFAULT_OPTIONS, MTX_TOOLTIP_DEFAULT_OPTIONS_FACTORY, MTX_TOOLTIP_SCROLL_STRATEGY, MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY, MTX_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, MtxTooltip, MtxTooltipModule, SCROLL_THROTTLE_MS, TOOLTIP_PANEL_CLASS, TooltipComponent, getMtxTooltipInvalidPositionError, matTooltipAnimations };
+export { MTX_TOOLTIP_DEFAULT_OPTIONS, MTX_TOOLTIP_SCROLL_STRATEGY, MtxTooltip, MtxTooltipModule, SCROLL_THROTTLE_MS, TOOLTIP_PANEL_CLASS, TooltipComponent, getMtxTooltipInvalidPositionError };
 //# sourceMappingURL=mtxTooltip.mjs.map