@depup/angular__material 21.2.2-depup.19

package/progress-bar/_progress-bar-theme.scss

@@ -0,0 +1,93 @@
+@use '../core/theming/inspection';
+@use '../core/tokens/token-utils';
+@use './m2-progress-bar';
+@use './m3-progress-bar';
+@use 'sass:map';
+
+@mixin base($theme) {
+  $tokens: map.get(m2-progress-bar.get-tokens($theme), base);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-progress-bar.get-tokens($theme), base);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin color($theme, $color-variant: null) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include token-utils.values(
+        map.get(m3-progress-bar.get-tokens($theme, $color-variant), color));
+  } @else {
+    .mat-mdc-progress-bar {
+      $tokens: m2-progress-bar.private-get-color-palette-color-tokens($theme, primary);
+      @include token-utils.values($tokens);
+
+      &.mat-accent {
+        $tokens: m2-progress-bar.private-get-color-palette-color-tokens($theme, secondary);
+        @include token-utils.values($tokens);
+      }
+
+      &.mat-warn {
+        $tokens: m2-progress-bar.private-get-color-palette-color-tokens($theme, error);
+        @include token-utils.values($tokens);
+      }
+    }
+  }
+}
+
+@mixin typography($theme) {
+  $tokens: map.get(m2-progress-bar.get-tokens($theme), typography);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-progress-bar.get-tokens($theme), typography);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin density($theme) {
+  $tokens: map.get(m2-progress-bar.get-tokens($theme), density);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-progress-bar.get-tokens($theme), density);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: progress-bar,
+      tokens: token-utils.get-overrides(m3-progress-bar.get-tokens(), progress-bar)
+    ),
+  );
+}
+
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+    @include token-utils.batch-create-token-values($tokens, _define-overrides());
+}
+
+/// Outputs all (base, color, typography, and density) theme styles for the mat-progress-bar.
+/// @param {Map} $theme The theme to generate styles for.
+/// @param {String} $color-variant The color variant to use for the component (M3 only)
+@mixin theme($theme, $color-variant: null) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include base($theme);
+    @include color($theme, $color-variant);
+    @include density($theme);
+    @include typography($theme);
+  } @else {
+    @include base($theme);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
+    }
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
+    }
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
+    }
+  }
+}

package/progress-spinner/_m2-progress-spinner.scss

@@ -0,0 +1,25 @@
+@use '../core/tokens/m2-utils';
+@use '../core/tokens/m3-utils';
+@use 'sass:map';
+
+@function get-tokens($theme) {
+  @return (
+    base: (
+      progress-spinner-active-indicator-width: 4px,
+      progress-spinner-size: 48px,
+    ),
+    color: private-get-color-palette-color-tokens($theme, primary),
+    typography: (),
+    density: (),
+  );
+}
+
+// Tokens that can be configured through Angular Material's color theming API.
+@function private-get-color-palette-color-tokens($theme, $color-variant) {
+  $system: m2-utils.get-system($theme);
+  $system: m3-utils.replace-colors-with-variant($system, primary, $color-variant);
+
+  @return (
+    progress-spinner-active-indicator-color: map.get($system, primary)
+  );
+}

package/progress-spinner/_m3-progress-spinner.scss

@@ -0,0 +1,27 @@
+@use 'sass:map';
+@use '../core/tokens/m3-utils';
+@use '../core/tokens/m3';
+
+// The prefix used to generate the fully qualified name for tokens in this file.
+$prefix: (mat, progress-spinner);
+
+/// Generates the tokens for MDC circular-progress
+/// @param {String} $color-variant The color variant to use for the component
+@function get-tokens($theme: m3.$sys-theme, $color-variant: null) {
+  $system: m3-utils.get-system($theme);
+  @if $color-variant {
+    $system: m3-utils.replace-colors-with-variant($system, primary, $color-variant);
+  }
+
+  @return (
+    base: (
+      progress-spinner-size: 48px,
+      progress-spinner-active-indicator-width: 4px,
+    ),
+    color: (
+      progress-spinner-active-indicator-color: map.get($system, primary),
+    ),
+    typography: (),
+    density: (),
+  );
+}

package/progress-spinner/_progress-spinner-theme.scss

@@ -0,0 +1,95 @@
+@use '../core/theming/inspection';
+@use '../core/tokens/token-utils';
+@use './m2-progress-spinner';
+@use './m3-progress-spinner';
+@use 'sass:map';
+
+@mixin base($theme) {
+  $tokens: map.get(m2-progress-spinner.get-tokens($theme), base);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-progress-spinner.get-tokens($theme), base);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Outputs color theme styles for the mat-progress-spinner.
+/// @param {Map} $theme The theme to generate color styles for.
+/// @param {String} $color-variant The color variant to use for the component (M3 only)
+@mixin color($theme, $color-variant: null) {
+  $tokens: map.get(m2-progress-spinner.get-tokens($theme), color);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-progress-spinner.get-tokens($theme, $color-variant), color);
+  }
+
+  @include token-utils.values($tokens);
+
+  @if inspection.get-theme-version($theme) != 1 {
+    .mat-accent {
+      $tokens: m2-progress-spinner.private-get-color-palette-color-tokens($theme, secondary);
+      @include token-utils.values($tokens);
+    }
+
+    .mat-warn {
+      $tokens: m2-progress-spinner.private-get-color-palette-color-tokens($theme, error);
+      @include token-utils.values($tokens);
+    }
+  }
+}
+
+@mixin typography($theme) {
+  $tokens: map.get(m2-progress-spinner.get-tokens($theme), typography);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-progress-spinner.get-tokens($theme), typography);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin density($theme) {
+  $tokens: map.get(m2-progress-spinner.get-tokens($theme), density);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-progress-spinner.get-tokens($theme), density);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: progress-spinner,
+      tokens: token-utils.get-overrides(m3-progress-spinner.get-tokens(), progress-spinner)
+    ),
+  );
+}
+
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+    @include token-utils.batch-create-token-values($tokens, _define-overrides());
+}
+
+/// Outputs all (base, color, typography, and density) theme styles for the mat-progress-spinner.
+/// @param {Map} $theme The theme to generate styles for.
+/// @param {String} $color-variant The color variant to use for the component (M3 only)
+@mixin theme($theme, $color-variant: null) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include base($theme);
+    @include color($theme, $color-variant);
+    @include density($theme);
+    @include typography($theme);
+  } @else {
+    @include base($theme);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
+    }
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
+    }
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
+    }
+  }
+}

package/radio/_m2-radio.scss

@@ -0,0 +1,67 @@
+@use 'sass:map';
+@use '../core/theming/theming';
+@use '../core/tokens/m2-utils';
+@use '../core/tokens/m3-utils';
+
+@function get-tokens($theme) {
+  $system: m2-utils.get-system($theme);
+  $density-scale: theming.clamp-density(map.get($system, density-scale), -3);
+  $touch-target-display: block;
+
+  @if ($density-scale < -1) {
+    $touch-target-display: none;
+  }
+
+  @return (
+    base: (
+      radio-disabled-selected-icon-opacity: 0.38,
+      radio-disabled-unselected-icon-opacity: 0.38,
+      // This is specified both here and in the density tokens, because it
+      // determines the size of the radio button itself and there are internal
+      // tests who don't configure the theme correctly.
+      radio-state-layer-size: 40px,
+      radio-touch-target-size: 48px,
+    ),
+    color: private-get-color-palette-color-tokens($theme, secondary),
+    typography: (
+      radio-label-text-font: map.get($system, body-medium-font),
+      radio-label-text-line-height: map.get($system, body-medium-line-height),
+      radio-label-text-size: map.get($system, body-medium-size),
+      radio-label-text-tracking: map.get($system, body-medium-tracking),
+      radio-label-text-weight: map.get($system, body-medium-weight)
+    ),
+    density: (
+      radio-state-layer-size: map.get((
+        0: 40px,
+        -1: 36px,
+        -2: 32px,
+        -3: 28px,
+      ), $density-scale),
+      radio-touch-target-display: $touch-target-display,
+    ),
+  );
+}
+
+// Tokens that can be configured through Angular Material's color theming API.
+@function private-get-color-palette-color-tokens($theme, $color-variant) {
+  $system: m2-utils.get-system($theme);
+  $system: m3-utils.replace-colors-with-variant($system, secondary, $color-variant);
+  $disabled: m3-utils.color-with-opacity(map.get($system, on-surface), 38%);
+
+  @return (
+    radio-checked-ripple-color: map.get($system, secondary),
+    radio-disabled-label-color: $disabled,
+    radio-disabled-selected-icon-color: map.get($system, on-surface),
+    radio-disabled-unselected-icon-color: map.get($system, on-surface),
+    radio-label-text-color: map.get($system, on-surface),
+    radio-ripple-color: map.get($system, on-surface),
+    radio-selected-focus-icon-color: map.get($system, secondary),
+    radio-selected-hover-icon-color: map.get($system, secondary),
+    radio-selected-icon-color: map.get($system, secondary),
+    radio-selected-pressed-icon-color: map.get($system, secondary),
+    radio-unselected-focus-icon-color: map.get($system, on-surface),
+    radio-unselected-hover-icon-color: map.get($system, on-surface),
+    radio-unselected-icon-color: map.get($system, on-surface-variant),
+    radio-unselected-pressed-icon-color: map.get($system, on-surface),
+  );
+}

package/radio/_m3-radio.scss

@@ -0,0 +1,65 @@
+@use 'sass:map';
+@use 'sass:list';
+@use '../core/tokens/m3-utils';
+@use '../core/theming/theming';
+@use '../core/tokens/m3';
+
+/// Generates custom tokens for the mat-radio.
+/// @param {String} $color-variant The color variant to use for the component
+@function get-tokens($theme: m3.$sys-theme, $color-variant: null) {
+  $system: m3-utils.get-system($theme);
+  @if $color-variant {
+    $system: m3-utils.replace-colors-with-variant($system, primary, $color-variant);
+  }
+
+  $tokens: (
+    base: (
+      radio-disabled-unselected-icon-opacity: 0.38,
+      radio-disabled-selected-icon-opacity: 0.38,
+      radio-touch-target-size: 48px,
+    ),
+    color: (
+      radio-checked-ripple-color: map.get($system, primary),
+      radio-disabled-label-color: m3-utils.color-with-opacity(map.get($system, on-surface), 38%),
+      radio-disabled-selected-icon-color: map.get($system, on-surface),
+      radio-disabled-unselected-icon-color: map.get($system, on-surface),
+      radio-label-text-color: map.get($system, on-surface),
+      radio-ripple-color: map.get($system, on-surface),
+      radio-selected-focus-icon-color: map.get($system, primary),
+      radio-selected-hover-icon-color: map.get($system, primary),
+      radio-selected-icon-color: map.get($system, primary),
+      radio-selected-pressed-icon-color: map.get($system, primary),
+      radio-unselected-focus-icon-color: map.get($system, on-surface),
+      radio-unselected-hover-icon-color: map.get($system, on-surface),
+      radio-unselected-icon-color: map.get($system, on-surface-variant),
+      radio-unselected-pressed-icon-color: map.get($system, on-surface),
+    ),
+    typography: (
+      radio-label-text-font: map.get($system, body-medium-font),
+      radio-label-text-line-height: map.get($system, body-medium-line-height),
+      radio-label-text-size: map.get($system, body-medium-size),
+      radio-label-text-tracking: map.get($system, body-medium-tracking),
+      radio-label-text-weight: map.get($system, body-medium-weight),
+    ),
+    density: get-density-tokens(map.get($system, density-scale)),
+  );
+
+  // Temporary removal where color variants previously did not include the
+  // unselected icon color. Remove this and approve internal screenshot changes.
+  @if $color-variant {
+    $tokens: map.deep-remove($tokens, color, radio-unselected-icon-color);
+  }
+
+  @return $tokens;
+}
+
+// Tokens that can be configured through Angular Material's density theming API.
+@function get-density-tokens($scale) {
+  $scale: theming.clamp-density($scale, -3);
+  $index: ($scale * -1) + 1;
+
+  @return (
+    radio-touch-target-display: list.nth((block, block, none, none), $index),
+    radio-state-layer-size: list.nth((40px, 36px, 32px, 28px), $index),
+  );
+}

package/radio/_radio-theme.scss

@@ -0,0 +1,102 @@
+@use '../core/theming/inspection';
+@use '../core/tokens/token-utils';
+@use '../core/typography/typography';
+@use './m2-radio';
+@use './m3-radio';
+@use 'sass:map';
+
+/// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
+/// for the mat-radio.
+/// @param {Map} $theme The theme to generate base styles for.
+@mixin base($theme) {
+  $tokens: map.get(m2-radio.get-tokens($theme), base);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-radio.get-tokens($theme), base);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Outputs color theme styles for the mat-radio.
+/// @param {Map} $theme The theme to generate color styles for.
+/// @param {String} $color-variant The color variant to use for the component (M3 only)
+@mixin color($theme, $color-variant: null) {
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-radio.get-tokens($theme, $color-variant), color);
+    @include token-utils.values($tokens);
+  } @else {
+    .mat-mdc-radio-button {
+      &.mat-primary {
+        $tokens: m2-radio.private-get-color-palette-color-tokens($theme, primary);
+        @include token-utils.values($tokens);
+      }
+
+      &.mat-accent {
+        $tokens: m2-radio.private-get-color-palette-color-tokens($theme, secondary);
+        @include token-utils.values($tokens);
+      }
+
+      &.mat-warn {
+        $tokens: m2-radio.private-get-color-palette-color-tokens($theme, error);
+        @include token-utils.values($tokens);
+      }
+    }
+  }
+}
+
+@mixin typography($theme) {
+  $tokens: map.get(m2-radio.get-tokens($theme), typography);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-radio.get-tokens($theme), typography);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+@mixin density($theme) {
+  $tokens: map.get(m2-radio.get-tokens($theme), density);
+  @if inspection.get-theme-version($theme) == 1 {
+    $tokens: map.get(m3-radio.get-tokens($theme), density);
+  }
+
+  @include token-utils.values($tokens);
+}
+
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: radio,
+      tokens: token-utils.get-overrides(m3-radio.get-tokens(), radio)
+    ),
+  );
+}
+
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+    @include token-utils.batch-create-token-values($tokens, _define-overrides());
+}
+
+/// Outputs all (base, color, typography, and density) theme styles for the mat-radio.
+/// @param {Map} $theme The theme to generate styles for.
+/// @param {String} $color-variant The color variant to use for the component (M3 only)
+@mixin theme($theme, $color-variant: null) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include base($theme);
+    @include color($theme, $color-variant);
+    @include density($theme);
+    @include typography($theme);
+  } @else {
+    @include base($theme);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
+    }
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
+    }
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
+    }
+  }
+}

package/schematics/collection.json

@@ -0,0 +1,55 @@
+{
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Angular Material to the application without affecting any templates",
+      "factory": "./ng-add/index",
+      "schema": "./ng-add/schema.json",
+      "aliases": ["material-shell", "install"],
+      "hidden": true
+    },
+    "ng-add-setup-project": {
+      "description": "Sets up the specified project after the ng-add dependencies have been installed.",
+      "private": true,
+      "factory": "./ng-add/setup-project",
+      "schema": "./ng-add/schema.json",
+      "hidden": true
+    },
+    "dashboard": {
+      "description": "Create a card-based dashboard component",
+      "factory": "./ng-generate/dashboard/index",
+      "schema": "./ng-generate/dashboard/schema.json",
+      "aliases": ["material-dashboard"]
+    },
+    "table": {
+      "description": "Create a component that displays data with a data-table",
+      "factory": "./ng-generate/table/index",
+      "schema": "./ng-generate/table/schema.json",
+      "aliases": ["material-table"]
+    },
+    "navigation": {
+      "description": "Create a component with a responsive sidenav for navigation",
+      "factory": "./ng-generate/navigation/index",
+      "schema": "./ng-generate/navigation/schema.json",
+      "aliases": ["material-nav", "materialNav", "nav"]
+    },
+    "tree": {
+      "description": "Create a file tree component.",
+      "factory": "./ng-generate/tree/index",
+      "schema": "./ng-generate/tree/schema.json",
+      "aliases": ["material-tree"]
+    },
+    "addressForm": {
+      "description": "Create a component with an address form",
+      "factory": "./ng-generate/address-form/index",
+      "schema": "./ng-generate/address-form/schema.json",
+      "aliases": ["address-form", "material-address-form", "material-addressForm"]
+    },
+    "m3Theme": {
+      "description": "Generate M3 theme",
+      "factory": "./ng-generate/theme-color/index_bundled",
+      "schema": "./ng-generate/theme-color/schema.json",
+      "aliases": ["theme-color"]
+    }
+  }
+}

package/schematics/migration.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "migration-v21": {
+      "version": "21.0.0-0",
+      "description": "Updates Angular Material to v21",
+      "factory": "./ng-update/index_bundled#updateToV21"
+    },
+    "migration-v22": {
+      "version": "22.0.0-0",
+      "description": "Updates Angular Material to v22",
+      "factory": "./ng-update/index_bundled#updateToV22"
+    }
+  }
+}

package/schematics/ng-add/fonts/material-fonts.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from '../schema';
+/** Adds the Material Design fonts to the index HTML file. */
+export declare function addFontsToIndex(options: Schema): Rule;

package/schematics/ng-add/fonts/material-fonts.js

@@ -0,0 +1,41 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addFontsToIndex = addFontsToIndex;
+const schematics_1 = require("@angular-devkit/schematics");
+const schematics_2 = require("@angular/cdk/schematics");
+const utility_1 = require("@schematics/angular/utility");
+/** Adds the Material Design fonts to the index HTML file. */
+function addFontsToIndex(options) {
+    return async (host) => {
+        const workspace = await (0, utility_1.readWorkspace)(host);
+        const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
+        const projectIndexFiles = (0, schematics_2.getProjectIndexFiles)(project);
+        if (!projectIndexFiles.length) {
+            throw new schematics_1.SchematicsException('No project index HTML file could be found.');
+        }
+        const preconnectLinks = [
+            '<link rel="preconnect" href="https://fonts.googleapis.com">',
+            '<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>',
+        ];
+        const fonts = [
+            'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap',
+            'https://fonts.googleapis.com/icon?family=Material+Icons',
+        ];
+        projectIndexFiles.forEach(indexFilePath => {
+            preconnectLinks.forEach(link => {
+                (0, schematics_2.appendHtmlElementToHead)(host, indexFilePath, link);
+            });
+            fonts.forEach(font => {
+                (0, schematics_2.appendHtmlElementToHead)(host, indexFilePath, `<link href="${font}" rel="stylesheet">`);
+            });
+        });
+    };
+}
+//# sourceMappingURL=material-fonts.js.map

package/schematics/ng-add/fonts/material-fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-fonts.js","sourceRoot":"","sources":["material-fonts.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAYH,0CA6BC;AAvCD,2DAA2E;AAC3E,wDAIiC;AACjC,yDAA0D;AAG1D,6DAA6D;AAC7D,SAAgB,eAAe,CAAC,OAAe;IAC7C,OAAO,KAAK,EAAE,IAAU,EAAE,EAAE;QAC1B,MAAM,SAAS,GAAG,MAAM,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,iBAAiB,GAAG,IAAA,iCAAoB,EAAC,OAAO,CAAC,CAAC;QAExD,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;YAC9B,MAAM,IAAI,gCAAmB,CAAC,4CAA4C,CAAC,CAAC;QAC9E,CAAC;QAED,MAAM,eAAe,GAAG;YACtB,6DAA6D;YAC7D,sEAAsE;SACvE,CAAC;QAEF,MAAM,KAAK,GAAG;YACZ,+EAA+E;YAC/E,yDAAyD;SAC1D,CAAC;QAEF,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YACxC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBAC7B,IAAA,oCAAuB,EAAC,IAAI,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;YACH,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACnB,IAAA,oCAAuB,EAAC,IAAI,EAAE,aAAa,EAAE,eAAe,IAAI,qBAAqB,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+/**
+ * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
+ * automatically executed if developers run `ng add @angular/material`.
+ *
+ * Since the Angular Material schematics depend on the schematic utility functions from the CDK,
+ * we need to install the CDK before loading the schematic files that import from the CDK.
+ */
+export default function (options: Schema): Rule;