@ng-matero/extensions 16.3.2 → 17.1.0

package/split/_split-theme.scss

@@ -1,51 +1,81 @@
-@use '../core/theming/theming';
+@use '@angular/material' as mat;
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
 @use '../core/tokens/m2/mtx/split' as tokens-mtx-split;
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-
-  @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values(tokens-mtx-split.$prefix,
-      tokens-mtx-split.get-color-tokens($config));
+@mixin base($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, base));
   }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mtx-split.$prefix,
+        tokens-mtx-split.get-unthemable-tokens());
+    }
+  }
+}
 
-  .mtx-split>.mtx-split-gutter {
-    &.mat-accent:hover {
-      $accent-tokens: tokens-mtx-split.private-get-color-palette-color-tokens($config, accent);
-      @include token-utils.create-token-values(tokens-mtx-split.$prefix, $accent-tokens);
+@mixin color($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, color));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mtx-split.$prefix,
+        tokens-mtx-split.get-color-tokens($theme));
     }
 
-    &.mat-warn:hover {
-      $warn-tokens: tokens-mtx-split.private-get-color-palette-color-tokens($config, warn);
-      @include token-utils.create-token-values(tokens-mtx-split.$prefix, $warn-tokens);
+    .mtx-split>.mtx-split-gutter {
+      &.mat-accent:hover {
+        $accent-tokens: tokens-mtx-split.private-get-color-palette-color-tokens($theme, accent);
+        @include token-utils.create-token-values(tokens-mtx-split.$prefix, $accent-tokens);
+      }
+
+      &.mat-warn:hover {
+        $warn-tokens: tokens-mtx-split.private-get-color-palette-color-tokens($theme, warn);
+        @include token-utils.create-token-values(tokens-mtx-split.$prefix, $warn-tokens);
+      }
     }
   }
 }
 
-@mixin typography($config-or-theme) {}
-
-@mixin density($config-or-theme) {}
-
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin typography($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, typography));
+  }
+  @else {}
+}
 
-  @include theming.private-check-duplicate-theme-styles($theme, 'mtx-split') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
+@mixin density($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, density));
+  }
+  @else {}
+}
 
-    @if $color !=null {
-      @include color($color);
+@mixin theme($theme) {
+  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-split') {
+    @if mat.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(mat.get-theme-tokens($theme));
     }
-
-    @if $density !=null {
-      @include density($density);
+    @else {
+      @include base($theme);
+      @if mat.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if mat.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if mat.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
+  }
+}
 
-    @if $typography !=null {
-      @include typography($typography);
-    }
+@mixin _theme-from-tokens($tokens) {
+  @if ($tokens != ()) {
+    @include token-utils.create-token-values(tokens-mtx-split.$prefix,
+      map.get($tokens, tokens-mtx-split.$prefix));
   }
 }

package/split/split-module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./split";
-import * as i2 from "./split-pane";
-import * as i3 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./split";
+import * as i3 from "./split-pane";
 export declare class MtxSplitModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSplitModule, [typeof i1.MtxSplit, typeof i2.MtxSplitPane], [typeof i3.CommonModule], [typeof i1.MtxSplit, typeof i2.MtxSplitPane]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSplitModule, never, [typeof i1.CommonModule, typeof i2.MtxSplit, typeof i3.MtxSplitPane], [typeof i2.MtxSplit, typeof i3.MtxSplitPane]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxSplitModule>;
 }

package/split/split-pane.d.ts

@@ -34,5 +34,5 @@ export declare class MtxSplitPane implements OnInit, OnDestroy {
     unlockEvents(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitPane, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPane, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "lockSize": { "alias": "lockSize"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPane, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "lockSize": { "alias": "lockSize"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
 }

package/split/split.d.ts

@@ -110,6 +110,6 @@ export declare class MtxSplit extends _MtxSplitBase implements AfterViewInit, On
     notify(type: 'start' | 'progress' | 'end' | 'click' | 'dblclick' | 'transitionEnd', gutterNum: number): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplit, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSplit, "mtx-split", ["mtxSplit"], { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "gutterStep": { "alias": "gutterStep"; "required": false; }; "restrictMove": { "alias": "restrictMove"; "required": false; }; "useTransition": { "alias": "useTransition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "gutterDblClickDuration": { "alias": "gutterDblClickDuration"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; "transitionEnd": "transitionEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSplit, "mtx-split", ["mtxSplit"], { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "gutterStep": { "alias": "gutterStep"; "required": false; }; "restrictMove": { "alias": "restrictMove"; "required": false; }; "useTransition": { "alias": "useTransition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "gutterDblClickDuration": { "alias": "gutterDblClickDuration"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; "transitionEnd": "transitionEnd"; }, never, ["*"], true, never>;
 }
 export {};

package/split/split.scss

@@ -41,15 +41,13 @@ $_tokens: tokens-mtx-split.$prefix, tokens-mtx-split.get-token-slots();
   > .mtx-split-pane {
     flex-grow: 0;
     flex-shrink: 0;
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow: hidden auto;
 
     /* When <mtx-split-pane [visible]="false"> force size to 0. */
 
     &.mtx-split-pane-hidden {
       flex: 0 1 0 !important;
-      overflow-x: hidden;
-      overflow-y: hidden;
+      overflow: hidden hidden;
     }
   }
 

package/tooltip/_tooltip-theme.scss

@@ -1,53 +1,85 @@
+@use 'sass:map';
 @use '@material/tooltip/plain-tooltip-theme' as mdc-plain-tooltip-theme;
-@use '../core/theming/theming';
-@use '../core/typography/typography';
-@use '../core/tokens/m2/mdc/plain-tooltip' as m2-mdc-plain-tooltip;
+@use '@angular/material' as mat;
+@use '../core/style/sass-utils';
+@use '../core/tokens/m2/mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $mdc-tooltip-color-tokens: m2-mdc-plain-tooltip.get-color-tokens($config);
-
-  // Add values for MDC tooltip tokens.
-  .mtx-mdc-tooltip {
-    @include mdc-plain-tooltip-theme.theme($mdc-tooltip-color-tokens);
+@mixin base($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, base));
+  }
+  @else {
+    // Add default values for tokens not related to color, typography, or density.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-plain-tooltip-theme.theme(tokens-mdc-plain-tooltip.get-unthemable-tokens());
+    }
   }
 }
 
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(theming.get-typography-config($config-or-theme));
-  $mdc-tooltip-typography-tokens: m2-mdc-plain-tooltip.get-typography-tokens($config);
+@mixin color($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, color));
+  }
+  @else {
+    $mdc-tooltip-color-tokens: tokens-mdc-plain-tooltip.get-color-tokens($theme);
 
-  // Add values for MDC tooltip tokens.
-  .mtx-mdc-tooltip {
-    @include mdc-plain-tooltip-theme.theme($mdc-tooltip-typography-tokens);
+    // Add values for MDC tooltip tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-plain-tooltip-theme.theme($mdc-tooltip-color-tokens);
+    }
   }
 }
 
-@mixin density($config-or-theme) {
-  $density-scale: theming.get-density-config($config-or-theme);
-  $mdc-tooltip-density-tokens: m2-mdc-plain-tooltip.get-density-tokens($density-scale);
+@mixin typography($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, typography));
+  }
+  @else {
+    $mdc-tooltip-typography-tokens: tokens-mdc-plain-tooltip.get-typography-tokens($theme);
 
-  // Add values for MDC tooltip tokens.
-  .mtx-mdc-tooltip {
-    @include mdc-plain-tooltip-theme.theme($mdc-tooltip-density-tokens);
+    // Add values for MDC tooltip tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-plain-tooltip-theme.theme($mdc-tooltip-typography-tokens);
+    }
   }
 }
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  @include theming.private-check-duplicate-theme-styles($theme, 'mtx-tooltip') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
+@mixin density($theme) {
+  @if mat.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(mat.get-theme-tokens($theme, density));
+  }
+  @else {
+    $mdc-tooltip-density-tokens: tokens-mdc-plain-tooltip.get-density-tokens($theme);
 
-    @if $color != null {
-      @include color($color);
+    // Add values for MDC tooltip tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-plain-tooltip-theme.theme($mdc-tooltip-density-tokens);
     }
-    @if $density != null {
-      @include density($density);
+  }
+}
+
+@mixin theme($theme) {
+  @include mat.private-check-duplicate-theme-styles($theme, 'mtx-tooltip') {
+    @if mat.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(mat.get-theme-tokens($theme));
     }
-    @if $typography != null {
-      @include typography($typography);
+    @else {
+      @include base($theme);
+      @if mat.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if mat.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if mat.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
   }
 }
+
+@mixin _theme-from-tokens($tokens) {
+  @if $tokens != () {
+    @include mdc-plain-tooltip-theme.theme(map.get($tokens, tokens-mdc-plain-tooltip.$prefix));
+  }
+}

package/tooltip/tooltip-module.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./tooltip";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "@angular/material/core";
-import * as i6 from "@ng-matero/extensions/core";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/overlay";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@ng-matero/extensions/core";
+import * as i6 from "./tooltip";
 import * as i7 from "@angular/cdk/scrolling";
 export declare class MtxTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, [typeof i1.MtxTooltip, typeof i1.TooltipComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.MatCommonModule, typeof i6.MtxPipesModule], [typeof i1.MtxTooltip, typeof i1.TooltipComponent, typeof i5.MatCommonModule, typeof i7.CdkScrollableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, never, [typeof i1.A11yModule, typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.MatCommonModule, typeof i5.MtxPipesModule, typeof i6.MtxTooltip, typeof i6.TooltipComponent], [typeof i6.MtxTooltip, typeof i6.TooltipComponent, typeof i4.MatCommonModule, typeof i7.CdkScrollableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxTooltipModule>;
 }

package/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { ComponentType, ConnectedPosition, OriginConnectionPosition, Overlay, OverlayConnectionPosition, OverlayRef, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';
+import { ConnectedPosition, OriginConnectionPosition, Overlay, OverlayConnectionPosition, OverlayRef, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';
 import { Platform } from '@angular/cdk/platform';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Observable } from 'rxjs';
@@ -62,7 +62,13 @@ export interface MtxTooltipDefaultOptions {
  * @breaking-change 13.0.0 remove this variable
  */
 export declare const TOOLTIP_PANEL_CLASS = "mtx-mdc-tooltip-panel";
-export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> implements OnDestroy, AfterViewInit {
+/**
+ * Directive that attaches a material design tooltip to the host element. Animates the showing and
+ * hiding of a tooltip provided position (defaults to below the element).
+ *
+ * https://material.io/design/components/tooltips.html
+ */
+export declare class MtxTooltip implements OnDestroy, AfterViewInit {
     private _overlay;
     private _elementRef;
     private _scrollDispatcher;
@@ -74,7 +80,7 @@ export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> i
     protected _dir: Directionality;
     private _defaultOptions;
     _overlayRef: OverlayRef | null;
-    _tooltipInstance: T | null;
+    _tooltipInstance: TooltipComponent | null;
     private _portal;
     private _position;
     private _positionAtOrigin;
@@ -83,13 +89,17 @@ export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> i
     private _scrollStrategy;
     private _viewInitialized;
     private _pointerExitEventsInitialized;
-    protected abstract readonly _tooltipComponent: ComponentType<T>;
-    protected _viewportMargin: number;
+    private readonly _tooltipComponent;
+    private _viewportMargin;
     private _currentPosition;
-    protected readonly _cssClassPrefix: string;
+    private readonly _cssClassPrefix;
     /** Allows the user to define the position of the tooltip relative to the parent element */
     get position(): TooltipPosition;
     set position(value: TooltipPosition);
+    /**
+     * Whether tooltip should be relative to the click or touch origin
+     * instead of outside the element bounding box.
+     */
     get positionAtOrigin(): boolean;
     set positionAtOrigin(value: BooleanInput);
     /** Disables the display of the tooltip. */
@@ -201,25 +211,17 @@ export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> i
     private _wheelListener;
     /** Disables the native browser gestures, based on how the tooltip has been configured. */
     private _disableNativeGesturesIfNecessary;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MtxTooltipBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MtxTooltipBase<any>, never, never, { "position": { "alias": "mtxTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "mtxTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "mtxTooltipDisabled"; "required": false; }; "showDelay": { "alias": "mtxTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "mtxTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "mtxTooltipTouchGestures"; "required": false; }; "message": { "alias": "mtxTooltip"; "required": false; }; "tooltipContext": { "alias": "mtxTooltipContext"; "required": false; }; "tooltipClass": { "alias": "mtxTooltipClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltip, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxTooltip, "[mtxTooltip]", ["mtxTooltip"], { "position": { "alias": "mtxTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "mtxTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "mtxTooltipDisabled"; "required": false; }; "showDelay": { "alias": "mtxTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "mtxTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "mtxTooltipTouchGestures"; "required": false; }; "message": { "alias": "mtxTooltip"; "required": false; }; "tooltipContext": { "alias": "mtxTooltipContext"; "required": false; }; "tooltipClass": { "alias": "mtxTooltipClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 /**
- * Directive that attaches a material design tooltip to the host element. Animates the showing and
- * hiding of a tooltip provided position (defaults to below the element).
- *
- * https://material.io/design/components/tooltips.html
+ * Internal component that wraps the tooltip's content.
+ * @docs-private
  */
-export declare class MtxTooltip extends _MtxTooltipBase<TooltipComponent> {
-    protected readonly _tooltipComponent: typeof TooltipComponent;
-    protected readonly _cssClassPrefix = "mtx-mdc";
-    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, viewContainerRef: ViewContainerRef, ngZone: NgZone, platform: Platform, ariaDescriber: AriaDescriber, focusMonitor: FocusMonitor, scrollStrategy: any, dir: Directionality, defaultOptions: MtxTooltipDefaultOptions, _document: any);
-    protected _addOffset(position: ConnectedPosition): ConnectedPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltip, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxTooltip, "[mtxTooltip]", ["mtxTooltip"], {}, {}, never, never, false, never>;
-}
-export declare abstract class _TooltipComponentBase implements OnDestroy {
+export declare class TooltipComponent implements OnDestroy {
     private _changeDetectorRef;
+    protected _elementRef: ElementRef<HTMLElement>;
+    _isMultiline: boolean;
     /** Message to display in the tooltip */
     message: string | TemplateRef<any>;
     /** Context to be added to the tooltip */
@@ -239,7 +241,7 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
     /** Whether animations are currently disabled. */
     private _animationsDisabled;
     /** Reference to the internal tooltip element. */
-    abstract _tooltip: ElementRef<HTMLElement>;
+    _tooltip: ElementRef<HTMLElement>;
     /** Whether interactions on the page should close the tooltip */
     private _closeOnInteraction;
     /** Whether the tooltip is currently visible. */
@@ -247,10 +249,10 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
     /** Subject for notifying that the tooltip has been hidden from the view */
     private readonly _onHide;
     /** Name of the show animation and the class that toggles it. */
-    protected abstract readonly _showAnimation: string;
+    private readonly _showAnimation;
     /** Name of the hide animation and the class that toggles it. */
-    protected abstract readonly _hideAnimation: string;
-    constructor(_changeDetectorRef: ChangeDetectorRef, animationMode?: string);
+    private readonly _hideAnimation;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, animationMode?: string);
     /**
      * Shows the tooltip with an animation originating from the provided origin
      * @param delay Amount of milliseconds to the delay showing the tooltip.
@@ -285,6 +287,8 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
      * in the mdc-tooltip, not here.
      */
     protected _onShow(): void;
+    /** Whether the tooltip text has overflown to the next line */
+    private _isTooltipMultiline;
     /** Event listener dispatched when an animation on the tooltip finishes. */
     _handleAnimationEnd({ animationName }: AnimationEvent): void;
     /** Cancels any pending animation sequences. */
@@ -293,24 +297,6 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
     private _finalizeAnimation;
     /** Toggles the visibility of the tooltip element. */
     private _toggleVisibility;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_TooltipComponentBase, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_TooltipComponentBase, never, never, {}, {}, never, never, false, never>;
-}
-/**
- * Internal component that wraps the tooltip's content.
- * @docs-private
- */
-export declare class TooltipComponent extends _TooltipComponentBase {
-    private _elementRef;
-    _isMultiline: boolean;
-    /** Reference to the internal tooltip element. */
-    _tooltip: ElementRef<HTMLElement>;
-    _showAnimation: string;
-    _hideAnimation: string;
-    constructor(changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, animationMode?: string);
-    protected _onShow(): void;
-    /** Whether the tooltip text has overflown to the next line */
-    private _isTooltipMultiline;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "mtx-tooltip-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "mtx-tooltip-component", never, {}, {}, never, never, true, never>;
 }

package/tooltip/tooltip.scss

@@ -12,9 +12,6 @@
   .mtx-mdc-tooltip {
     // Add the official slots for the MDC tooltip.
     @include mdc-plain-tooltip-theme.theme-styles($mdc-tooltip-token-slots);
-
-    // Add default values for MDC tooltip tokens that aren't outputted by the theming API.
-    @include mdc-plain-tooltip-theme.theme(m2-mdc-plain-tooltip.get-unthemable-tokens());
   }
 }
 
@@ -65,7 +62,8 @@
   }
 }
 
-.mtx-mdc-tooltip-panel-non-interactive {
+// We need the additional specificity here, because it can be overridden by `.cdk-overlay-panel`.
+.mtx-mdc-tooltip-panel.mtx-mdc-tooltip-panel-non-interactive {
   pointer-events: none;
 }
 

package/_theming.scss

@@ -1,16 +0,0 @@
-@forward './alert/alert-theme.import';
-@forward './button/button-theme.import';
-@forward './colorpicker/colorpicker-theme.import';
-@forward './datetimepicker/datetimepicker-theme.import';
-@forward './drawer/drawer-theme.import';
-@forward './grid/grid-theme.import';
-@forward './loader/loader-theme.import';
-@forward './popover/popover-theme.import';
-@forward './progress/progress-theme.import';
-@forward './select/select-theme.import';
-@forward './split/split-theme.import';
-@forward './tooltip/tooltip-theme.import';
-
-@forward './core/theming/all-theme' show material-extensions-theme;
-@forward './core/color/all-color' show material-extensions-color;
-@forward './core/density/all-density' show material-extensions-density;

package/alert/_alert-theme.import.scss

@@ -1,2 +0,0 @@
-@forward 'alert-theme' hide color, density, theme, typography;
-@forward 'alert-theme' as mtx-alert-*;

package/button/_button-theme.import.scss

@@ -1,2 +0,0 @@
-@forward 'button-theme' hide color, density, theme, typography;
-@forward 'button-theme' as mtx-button-*;

package/colorpicker/_colorpicker-theme.import.scss

@@ -1,2 +0,0 @@
-@forward 'colorpicker-theme' hide color, density, theme, typography;
-@forward 'colorpicker-theme' as mtx-colorpicker-*;

package/core/density/_compatibility.scss

@@ -1,74 +0,0 @@
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-// Note that this file is called `private`, because the APIs in it aren't public yet.
-// Once they're made available, the code should be moved out into an `index.scss`.
-
-// Taken from mat-density with small modifications to not rely on the new Sass module
-// system, and to support arbitrary properties in a density configuration.
-// https://github.com/material-components/material-components-web/blob/master/packages/mdc-density
-
-$_density-interval: 4px !default;
-$_minimum-scale: minimum !default;
-$_maximum-scale: maximum !default;
-$_supported-scales: (default, $_minimum-scale, $_maximum-scale) !default;
-$_default-scale: 0 !default;
-
-// Whether density should be generated at root. This will be temporarily set to `true`
-// whenever density styles for legacy themes are generated.
-$private-density-generate-at-root: false;
-// Whether density styles should be generated. This will be temporarily set to `false` if
-// duplicate density styles for a legacy theme would be generated. For legacy themes,
-// we always generate the default density **only once** at root.
-$private-density-generate-styles: true;
-
-// Mixin that can be used to wrap density styles of given components. The mixin will
-// move the density styles to root if the `$mat-private-density-generate-at-root` global variable
-// is set. If `$mat-private-density-generate-styles` is set to `false`, generation of density
-// styles wrapped in this mixin is skipped. This mixin exists to improve backwards compatibility
-// of the new theming API where density styles are included as part of themes. Previously,
-// density styles of components were part of their base styles. With the new API, they are
-// part of the theming system. The `<..>-theme` mixins generate density by default unless
-// the density configuration is explicitly specified as per new API. This means, that projects
-// using `<..>-theme` mixins for separate themes (like `.dark-theme`) will cause duplicate
-// density styles. This is breaking as it increases specificity of density styles. This mixin
-// provides an API to control generation of density styles so that we can ensure they are only
-// created *once* and at root.
-@mixin private-density-legacy-compatibility() {
-  @if $private-density-generate-styles and $private-density-generate-at-root {
-    @at-root {
-      @content;
-    }
-  }
-  @else if $private-density-generate-styles {
-    @content;
-  }
-}
-
-@function private-density-prop-value($density-config, $density-scale, $property-name) {
-  @if (meta.type-of($density-scale) == 'string' and
-      list.index($list: $_supported-scales, $value: $density-scale) == null) {
-    @error 'mat-density: Supported density scales #{$_supported-scales}, '  +
-      'but received #{$density-scale}.';
-  }
-
-  $value: null;
-  $property-scale-map: map.get($density-config, $property-name);
-
-  @if map.has-key($property-scale-map, $density-scale) {
-    $value: map.get($property-scale-map, $density-scale);
-  }
-  @else {
-    $value: map.get($property-scale-map, default) + $density-scale * $_density-interval;
-  }
-
-  $min-value: map.get($property-scale-map, $_minimum-scale);
-  $max-value: map.get($property-scale-map, $_maximum-scale);
-
-  @if ($value < $min-value or $value > $max-value) {
-    @error 'mat-density: #{$property-name} must be between #{$min-value} and ' +
-      '#{$max-value} (inclusive), but received #{$value}.';
-  }
-
-  @return $value;
-}