@angular/material 16.2.0 → 17.0.0-next.0

package/core/tokens/m2/mdc/_slider.scss

@@ -0,0 +1,154 @@
+@use 'sass:map';
+@use '../../../theming/theming';
+@use '../../token-utils';
+@use '../../../style/sass-utils';
+@use '../../../typography/typography-utils';
+
+// The prefix used to generate the fully qualified name for tokens in this file.
+$prefix: (mdc, slider);
+
+// Tokens that can't be configured through Angular Material's current theming API,
+// but may be in a future version of the theming API.
+//
+// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
+// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
+// our CSS.
+@function get-unthemable-tokens() {
+  @return (
+    // Height of active track.
+    active-track-height: 6px,
+    // Border radius of active track.
+    active-track-shape: 9999px,
+    // Height of handle.
+    handle-height: 20px,
+    // Border radius of handle.
+    handle-shape: 50%,
+    // Width of handle.
+    handle-width: 20px,
+    // Height of inactive track.
+    inactive-track-height: 4px,
+    // Border radius of inactive track.
+    inactive-track-shape: 9999px,
+    // Width of handle when overlapping with another handle below it.
+    with-overlap-handle-outline-width: 1px,
+    // Opacity of active container with tick marks.
+    with-tick-marks-active-container-opacity: 0.6,
+    // Border radius of container with tick marks.
+    with-tick-marks-container-shape: 50%,
+    // Size of container with tick marks.
+    with-tick-marks-container-size: 2px,
+    // Opacity of inactive container with tick marks.
+    with-tick-marks-inactive-container-opacity: 0.6,
+    // =============================================================================================
+    // = TOKENS NOT USED IN ANGULAR MATERIAL                                                       =
+    // =============================================================================================
+    disabled-handle-elevation: null,
+    label-container-elevation: null,
+    label-container-height: null,
+    track-elevation: null,
+    focus-state-layer-opacity: null,
+    hover-state-layer-opacity: null,
+    pressed-state-layer-opacity: null,
+    // MDC does not seem to use these tokens.
+    hover-state-layer-color: null,
+    pressed-handle-color: null,
+  );
+}
+
+// Tokens that can be configured through Angular Material's color theming API.
+@function get-color-tokens($config) {
+  $foreground: map.get($config, foreground);
+  $elevation: theming.get-color-from-palette($foreground, elevation);
+  $is-dark: map.get($config, is-dark);
+  $on-surface: if($is-dark, #fff, #000);
+
+  // The default for tokens that rely on the theme will use the primary palette
+  $primary: map.get($config, primary);
+  $theme-color-tokens: private-get-color-palette-color-tokens($primary);
+
+  @return map.merge(
+    $theme-color-tokens,
+    (
+      // Color of active track when disabled.
+      disabled-active-track-color: $on-surface,
+      // Color of handle when disabled.
+      disabled-handle-color: $on-surface,
+      // Color of inactive track when disabled.
+      disabled-inactive-track-color: $on-surface,
+      // Color of container label.
+      label-container-color: $on-surface,
+      // Color of label text.
+      label-label-text-color: if($is-dark, #000, #fff),
+      // Color of handle outline when overlapping with another handle below it.
+      with-overlap-handle-outline-color: #fff,
+      // Color of container with tick marks when disabled.
+      with-tick-marks-disabled-container-color: $on-surface,
+      // (Part of the color tokens because it needs to be combined with the
+      // shadow color to generate the box-shadow.)
+      // Elevation level for handle.
+      handle-elevation: 1,
+      // Color of handle shadow.
+      handle-shadow-color: if($elevation != null, $elevation, elevation.$color),
+    )
+  );
+}
+
+// Generates tokens for the slider properties that change based on the theme.
+@function private-get-color-palette-color-tokens($color-palette) {
+  $color: theming.get-color-from-palette($color-palette);
+  $on-color: map.get($color-palette, default-contrast);
+
+  @return (
+    // Color of handle.
+    handle-color: $color,
+    // Color of handle when focused.
+    focus-handle-color: $color,
+    // Color of handle on hover.
+    hover-handle-color: $color,
+    // Color of handle when active.
+    active-track-color: $color,
+    // Color of inactive track.
+    inactive-track-color: $color,
+    // Color of inactive container with tick marks.
+    with-tick-marks-inactive-container-color: $color,
+    // Color of active container with tick marks.
+    with-tick-marks-active-container-color: $on-color,
+  );
+}
+
+// Tokens that can be configured through Angular Material's typography theming API.
+@function get-typography-tokens($config) {
+  @if ($config == null) {
+    $config: mdc-helpers.private-fallback-typography-from-mdc();
+  }
+
+  @return (
+    // Font for label text.
+    label-label-text-font: typography-utils.font-family($config, subtitle-2)
+    or typography-utils.font-family($config),
+    // Font size of label text.
+    label-label-text-size: typography-utils.font-size($config, subtitle-2),
+    // Line height of label text.
+    label-label-text-line-height: typography-utils.line-height($config, subtitle-2),
+    // Letter spacing of label text.
+    label-label-text-tracking: typography-utils.letter-spacing($config, subtitle-2),
+    // Font weight of label text.
+    label-label-text-weight: typography-utils.font-weight($config, subtitle-2),
+  );
+}
+
+// Tokens that can be configured through Angular Material's density theming API.
+@function get-density-tokens($config) {
+  @return ();
+}
+
+// Combines the tokens generated by the above functions into a single map with placeholder values.
+// This is used to create token slots.
+@function get-token-slots() {
+  @return sass-utils.deep-merge-all(
+          get-unthemable-tokens(),
+          get-color-tokens(token-utils.$placeholder-color-config),
+          get-typography-tokens(token-utils.$placeholder-typography-config),
+          get-density-tokens(token-utils.$placeholder-density-config)
+  );
+}

package/dialog/index.d.ts

@@ -31,7 +31,6 @@ import { ScrollStrategy } from '@angular/cdk/overlay';
 import { SimpleChanges } from '@angular/core';
 import { Subject } from 'rxjs';
 import { TemplateRef } from '@angular/core';
-import { Type } from '@angular/core';
 import { ViewContainerRef } from '@angular/core';
 
 /** Options for where to set focus to automatically on dialog open */
@@ -77,7 +76,6 @@ declare namespace i1 {
     export {
         OPEN_ANIMATION_DURATION,
         CLOSE_ANIMATION_DURATION,
-        _MatDialogContainerBase,
         MatDialogContainer
     }
 }
@@ -106,9 +104,6 @@ export declare const MAT_DIALOG_DEFAULT_OPTIONS: InjectionToken<MatDialogConfig<
 /** Injection token that determines the scroll handling while the dialog is open. */
 export declare const MAT_DIALOG_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
 
-/** @docs-private */
-export declare function MAT_DIALOG_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
-
 /** @docs-private */
 export declare const MAT_DIALOG_SCROLL_STRATEGY_PROVIDER: {
     provide: InjectionToken<() => ScrollStrategy>;
@@ -122,66 +117,19 @@ export declare function MAT_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Ove
 /**
  * Service to open Material Design modal dialogs.
  */
-export declare class MatDialog extends _MatDialogBase<MatDialogContainer> {
-    constructor(overlay: Overlay, injector: Injector, 
-    /**
-     * @deprecated `_location` parameter to be removed.
-     * @breaking-change 10.0.0
-     */
-    location: Location_2, defaultOptions: MatDialogConfig, scrollStrategy: any, parentDialog: MatDialog, 
-    /**
-     * @deprecated No longer used. To be removed.
-     * @breaking-change 15.0.0
-     */
-    overlayContainer: OverlayContainer, 
-    /**
-     * @deprecated No longer used. To be removed.
-     * @breaking-change 14.0.0
-     */
-    animationMode?: 'NoopAnimations' | 'BrowserAnimations');
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDialog, [null, null, { optional: true; }, { optional: true; }, null, { optional: true; skipSelf: true; }, null, { optional: true; }]>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MatDialog>;
-}
-
-/**
- * Container for the bottom action buttons in a dialog.
- * Stays fixed to the bottom when scrolling.
- */
-export declare class MatDialogActions {
-    /**
-     * Horizontal alignment of action buttons.
-     */
-    align?: 'start' | 'center' | 'end';
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogActions, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogActions, "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", never, { "align": { "alias": "align"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-/**
- * Animations used by MatDialog.
- * @docs-private
- */
-export declare const matDialogAnimations: {
-    readonly dialogContainer: AnimationTriggerMetadata;
-};
-
-/**
- * Base class for dialog services. The base dialog service allows
- * for arbitrary dialog refs and dialog container components.
- */
-export declare abstract class _MatDialogBase<C extends _MatDialogContainerBase> implements OnDestroy {
+export declare class MatDialog implements OnDestroy {
     private _overlay;
     private _defaultOptions;
+    private _scrollStrategy;
     private _parentDialog;
-    private _dialogRefConstructor;
-    private _dialogContainerType;
-    private _dialogDataToken;
     private readonly _openDialogsAtThisLevel;
     private readonly _afterAllClosedAtThisLevel;
     private readonly _afterOpenedAtThisLevel;
-    private _scrollStrategy;
-    protected _idPrefix: string;
     private _dialog;
     protected dialogConfigClass: typeof MatDialogConfig;
+    private readonly _dialogRefConstructor;
+    private readonly _dialogContainerType;
+    private readonly _dialogDataToken;
     /** Keeps track of the currently-open dialogs. */
     get openDialogs(): MatDialogRef<any>[];
     /** Stream that emits when a dialog has been opened. */
@@ -192,12 +140,17 @@ export declare abstract class _MatDialogBase<C extends _MatDialogContainerBase>
      * Will emit on subscribe if there are no open dialogs to begin with.
      */
     readonly afterAllClosed: Observable<void>;
-    constructor(_overlay: Overlay, injector: Injector, _defaultOptions: MatDialogConfig | undefined, _parentDialog: _MatDialogBase<C> | undefined, 
+    constructor(_overlay: Overlay, injector: Injector, 
+    /**
+     * @deprecated `_location` parameter to be removed.
+     * @breaking-change 10.0.0
+     */
+    location: Location_2, _defaultOptions: MatDialogConfig, _scrollStrategy: any, _parentDialog: MatDialog, 
     /**
      * @deprecated No longer used. To be removed.
      * @breaking-change 15.0.0
      */
-    _overlayContainer: OverlayContainer, scrollStrategy: any, _dialogRefConstructor: Type<MatDialogRef<any>>, _dialogContainerType: Type<C>, _dialogDataToken: InjectionToken<any>, 
+    _overlayContainer: OverlayContainer, 
     /**
      * @deprecated No longer used. To be removed.
      * @breaking-change 14.0.0
@@ -229,10 +182,31 @@ export declare abstract class _MatDialogBase<C extends _MatDialogContainerBase>
     getDialogById(id: string): MatDialogRef<any> | undefined;
     ngOnDestroy(): void;
     private _closeDialogs;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatDialogBase<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<_MatDialogBase<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDialog, [null, null, { optional: true; }, { optional: true; }, null, { optional: true; skipSelf: true; }, null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatDialog>;
+}
+
+/**
+ * Container for the bottom action buttons in a dialog.
+ * Stays fixed to the bottom when scrolling.
+ */
+export declare class MatDialogActions {
+    /**
+     * Horizontal alignment of action buttons.
+     */
+    align?: 'start' | 'center' | 'end';
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogActions, "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", never, { "align": { "alias": "align"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+/**
+ * Animations used by MatDialog.
+ * @docs-private
+ */
+export declare const matDialogAnimations: {
+    readonly dialogContainer: AnimationTriggerMetadata;
+};
+
 /**
  * Button that will close the current dialog.
  */
@@ -346,12 +320,10 @@ export declare class MatDialogConfig<D = any> {
     exitAnimationDuration?: string | number;
 }
 
-/**
- * Internal component that wraps user-provided dialog content in a MDC dialog.
- * @docs-private
- */
-export declare class MatDialogContainer extends _MatDialogContainerBase implements OnDestroy {
+export declare class MatDialogContainer extends CdkDialogContainer<MatDialogConfig> implements OnDestroy {
     private _animationMode?;
+    /** Emits when an animation state changes. */
+    _animationStateChanged: EventEmitter<LegacyDialogAnimationEvent>;
     /** Whether animations are enabled. */
     _animationsEnabled: boolean;
     /** Host element of the dialog container component. */
@@ -362,9 +334,8 @@ export declare class MatDialogContainer extends _MatDialogContainerBase implemen
     private _exitAnimationDuration;
     /** Current timer for dialog animations. */
     private _animationTimer;
-    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, document: any, dialogConfig: MatDialogConfig, checker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, _animationMode?: string | undefined, focusMonitor?: FocusMonitor);
+    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, _document: any, dialogConfig: MatDialogConfig, interactivityChecker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, _animationMode?: string | undefined, focusMonitor?: FocusMonitor);
     protected _contentAttached(): void;
-    ngOnDestroy(): void;
     /** Starts the dialog open animation if enabled. */
     private _startOpenAnimation;
     /**
@@ -387,28 +358,15 @@ export declare class MatDialogContainer extends _MatDialogContainerBase implemen
     private _waitForAnimationToComplete;
     /** Runs a callback in `requestAnimationFrame`, if available. */
     private _requestAnimationFrame;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogContainer, [null, null, { optional: true; }, null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDialogContainer, "mat-dialog-container", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * Base class for the `MatDialogContainer`. The base class does not implement
- * animations as these are left to implementers of the dialog container.
- */
-export declare abstract class _MatDialogContainerBase extends CdkDialogContainer<MatDialogConfig> {
-    /** Emits when an animation state changes. */
-    _animationStateChanged: EventEmitter<LegacyDialogAnimationEvent>;
-    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, _document: any, dialogConfig: MatDialogConfig, interactivityChecker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, focusMonitor?: FocusMonitor);
-    /** Starts the dialog exit animation. */
-    abstract _startExitAnimation(): void;
     protected _captureInitialFocus(): void;
     /**
      * Callback for when the open dialog animation has finished. Intended to
      * be called by sub-classes that use different animation implementations.
      */
     protected _openAnimationDone(totalTime: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MatDialogContainerBase, [null, null, { optional: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<_MatDialogContainerBase, "ng-component", never, {}, {}, never, never, false, never>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogContainer, [null, null, { optional: true; }, null, null, null, null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDialogContainer, "mat-dialog-container", never, {}, {}, never, never, false, never>;
 }
 
 /**
@@ -430,7 +388,7 @@ export declare class MatDialogModule {
  */
 export declare class MatDialogRef<T, R = any> {
     private _ref;
-    _containerInstance: _MatDialogContainerBase;
+    _containerInstance: MatDialogContainer;
     /** The instance of component opened into the dialog. */
     componentInstance: T;
     /**
@@ -454,7 +412,7 @@ export declare class MatDialogRef<T, R = any> {
     private _state;
     /** Interaction that caused the dialog to close. */
     private _closeInteractionType;
-    constructor(_ref: DialogRef<R, T>, config: MatDialogConfig, _containerInstance: _MatDialogContainerBase);
+    constructor(_ref: DialogRef<R, T>, config: MatDialogConfig, _containerInstance: MatDialogContainer);
     /**
      * Close the dialog.
      * @param dialogResult Optional result to return to the dialog opener.
@@ -513,13 +471,14 @@ export declare const enum MatDialogState {
 /**
  * Title of a dialog element. Stays fixed to the top of the dialog when scrolling.
  */
-export declare class MatDialogTitle implements OnInit {
+export declare class MatDialogTitle implements OnInit, OnDestroy {
     private _dialogRef;
     private _elementRef;
     private _dialog;
     id: string;
     constructor(_dialogRef: MatDialogRef<any>, _elementRef: ElementRef<HTMLElement>, _dialog: MatDialog);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogTitle, [{ optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogTitle, "[mat-dialog-title], [matDialogTitle]", ["matDialogTitle"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
 }

package/dialog/testing/index.d.ts

@@ -6,10 +6,7 @@ import { ContentContainerComponentHarness } from '@angular/cdk/testing';
 import { DialogRole } from '@angular/material/dialog';
 import { HarnessPredicate } from '@angular/cdk/testing';
 import { MatDialog } from '@angular/material/dialog';
-import { _MatDialogBase } from '@angular/material/dialog';
 import { MatDialogConfig } from '@angular/material/dialog';
-import { MatDialogContainer } from '@angular/material/dialog';
-import { _MatDialogContainerBase } from '@angular/material/dialog';
 import { MatDialogRef } from '@angular/material/dialog';
 import { OnDestroy } from '@angular/core';
 import { TestElement } from '@angular/cdk/testing';
@@ -19,7 +16,7 @@ export declare interface DialogHarnessFilters extends BaseHarnessFilters {
 }
 
 /** Harness for interacting with a standard `MatDialog` in tests. */
-export declare class MatDialogHarness extends _MatDialogHarnessBase {
+export declare class MatDialogHarness extends ContentContainerComponentHarness<MatDialogSection | string> {
     /** The selector for the host element of a `MatDialog` instance. */
     static hostSelector: string;
     /**
@@ -28,10 +25,6 @@ export declare class MatDialogHarness extends _MatDialogHarnessBase {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with<T extends MatDialogHarness>(this: ComponentHarnessConstructor<T>, options?: DialogHarnessFilters): HarnessPredicate<T>;
-}
-
-/** Base class for the `MatDialogHarness` implementation. */
-export declare class _MatDialogHarnessBase extends ContentContainerComponentHarness<MatDialogSection | string> {
     protected _title: AsyncFactoryFn<TestElement | null>;
     protected _content: AsyncFactoryFn<TestElement | null>;
     protected _actions: AsyncFactoryFn<TestElement | null>;
@@ -69,15 +62,8 @@ export declare const enum MatDialogSection {
 }
 
 /** Test component that immediately opens a dialog when bootstrapped. */
-export declare class MatTestDialogOpener<T = unknown, R = unknown> extends _MatTestDialogOpenerBase<MatDialogContainer, T, R> {
-    constructor(dialog: MatDialog);
-    /** Static method that prepares this class to open the provided component. */
-    static withComponent<T = unknown, R = unknown>(component: ComponentType<T>, config?: MatDialogConfig): ComponentType<MatTestDialogOpener<T, R>>;
-}
-
-/** Base class for a component that immediately opens a dialog when created. */
-export declare class _MatTestDialogOpenerBase<C extends _MatDialogContainerBase, T, R> implements OnDestroy {
-    dialog: _MatDialogBase<C>;
+export declare class MatTestDialogOpener<T = unknown, R = unknown> implements OnDestroy {
+    dialog: MatDialog;
     /** Component that should be opened with the MatDialog `open` method. */
     protected static component: ComponentType<unknown> | undefined;
     /** Config that should be provided to the MatDialog `open` method. */
@@ -87,7 +73,9 @@ export declare class _MatTestDialogOpenerBase<C extends _MatDialogContainerBase,
     /** Data passed to the `MatDialog` close method. */
     closedResult: R | undefined;
     private readonly _afterClosedSubscription;
-    constructor(dialog: _MatDialogBase<C>);
+    /** Static method that prepares this class to open the provided component. */
+    static withComponent<T = unknown, R = unknown>(component: ComponentType<T>, config?: MatDialogConfig): ComponentType<MatTestDialogOpener<T, R>>;
+    constructor(dialog: MatDialog);
     ngOnDestroy(): void;
 }
 

package/esm2022/autocomplete/autocomplete-origin.mjs

@@ -7,26 +7,18 @@
  */
 import { Directive, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-/** Base class containing all of the functionality for `MatAutocompleteOrigin`. */
-export class _MatAutocompleteOriginBase {
+/**
+ * Directive applied to an element to make it usable
+ * as a connection point for an autocomplete panel.
+ */
+export class MatAutocompleteOrigin {
     constructor(
     /** Reference to the element on which the directive is applied. */
     elementRef) {
         this.elementRef = elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: _MatAutocompleteOriginBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.1", type: _MatAutocompleteOriginBase, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: _MatAutocompleteOriginBase, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-/**
- * Directive applied to an element to make it usable
- * as a connection point for an autocomplete panel.
- */
-export class MatAutocompleteOrigin extends _MatAutocompleteOriginBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MatAutocompleteOrigin, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.1", type: MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MatAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.1", type: MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: MatAutocompleteOrigin, decorators: [{
             type: Directive,
@@ -34,5 +26,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImpor
                     selector: '[matAutocompleteOrigin]',
                     exportAs: 'matAutocompleteOrigin',
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9tYXRlcmlhbC9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLW9yaWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFFcEQsa0ZBQWtGO0FBRWxGLE1BQU0sT0FBZ0IsMEJBQTBCO0lBQzlDO0lBQ0Usa0VBQWtFO0lBQzNELFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQ3pDLENBQUM7OEdBSmdCLDBCQUEwQjtrR0FBMUIsMEJBQTBCOzsyRkFBMUIsMEJBQTBCO2tCQUQvQyxTQUFTOztBQVFWOzs7R0FHRztBQUtILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSwwQkFBMEI7OEdBQXhELHFCQUFxQjtrR0FBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSx1QkFBdUI7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqIEJhc2UgY2xhc3MgY29udGFpbmluZyBhbGwgb2YgdGhlIGZ1bmN0aW9uYWxpdHkgZm9yIGBNYXRBdXRvY29tcGxldGVPcmlnaW5gLiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgX01hdEF1dG9jb21wbGV0ZU9yaWdpbkJhc2Uge1xuICBjb25zdHJ1Y3RvcihcbiAgICAvKiogUmVmZXJlbmNlIHRvIHRoZSBlbGVtZW50IG9uIHdoaWNoIHRoZSBkaXJlY3RpdmUgaXMgYXBwbGllZC4gKi9cbiAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICkge31cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21hdEF1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICBleHBvcnRBczogJ21hdEF1dG9jb21wbGV0ZU9yaWdpbicsXG59KVxuZXhwb3J0IGNsYXNzIE1hdEF1dG9jb21wbGV0ZU9yaWdpbiBleHRlbmRzIF9NYXRBdXRvY29tcGxldGVPcmlnaW5CYXNlIHt9XG4iXX0=
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9tYXRlcmlhbC9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLW9yaWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFFcEQ7OztHQUdHO0FBS0gsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQztJQUNFLGtFQUFrRTtJQUMzRCxVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtJQUN6QyxDQUFDOzhHQUpPLHFCQUFxQjtrR0FBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSx1QkFBdUI7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21hdEF1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICBleHBvcnRBczogJ21hdEF1dG9jb21wbGV0ZU9yaWdpbicsXG59KVxuZXhwb3J0IGNsYXNzIE1hdEF1dG9jb21wbGV0ZU9yaWdpbiB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIC8qKiBSZWZlcmVuY2UgdG8gdGhlIGVsZW1lbnQgb24gd2hpY2ggdGhlIGRpcmVjdGl2ZSBpcyBhcHBsaWVkLiAqL1xuICAgIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgKSB7fVxufVxuIl19