diff --git a/.github/workflows/ci.material-aio.yml b/.github/workflows/ci.material-aio.yml index a9758e5e6318..c62ff067985d 100644 --- a/.github/workflows/ci.material-aio.yml +++ b/.github/workflows/ci.material-aio.yml @@ -17,20 +17,6 @@ defaults: shell: bash jobs: - lint: - runs-on: ubuntu-latest - steps: - - name: Initialize environment - uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e4bf37af223483ce00f9316d227fd62cd744dc4b - - name: Setup Bazel - uses: angular/dev-infra/github-actions/bazel/setup@e4bf37af223483ce00f9316d227fd62cd744dc4b - - name: Setup Bazel RBE - uses: angular/dev-infra/github-actions/bazel/configure-remote@e4bf37af223483ce00f9316d227fd62cd744dc4b - - name: Install node modules - run: pnpm install --frozen-lockfile - - name: Execute Linting - run: pnpm bazel test --test_tag_filters=lint //docs/... - build: runs-on: ubuntu-latest steps: @@ -57,7 +43,7 @@ jobs: - name: Install node modules run: pnpm install --frozen-lockfile - name: Execute Tests - run: pnpm bazel test --test_tag_filters=-lint,-e2e,-audit //docs/... + run: pnpm bazel test --test_tag_filters=-e2e,-audit //docs/... - name: Store Test Logs uses: actions/upload-artifact@834a144ee995460fba8ed112a2fc961b36a5ec5a # v4.3.6 if: always() diff --git a/.github/workflows/pr.material-aio.yml b/.github/workflows/pr.material-aio.yml index 74ddd6b2a426..59b8ee2777a3 100644 --- a/.github/workflows/pr.material-aio.yml +++ b/.github/workflows/pr.material-aio.yml @@ -15,20 +15,6 @@ defaults: shell: bash jobs: - lint: - runs-on: ubuntu-latest - steps: - - name: Initialize environment - uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e4bf37af223483ce00f9316d227fd62cd744dc4b - - name: Setup Bazel - uses: angular/dev-infra/github-actions/bazel/setup@e4bf37af223483ce00f9316d227fd62cd744dc4b - - name: Setup Bazel RBE - uses: angular/dev-infra/github-actions/bazel/configure-remote@e4bf37af223483ce00f9316d227fd62cd744dc4b - - name: Install node modules - run: pnpm install --frozen-lockfile - - name: Execute Linting - run: pnpm bazel test --test_tag_filters=lint //docs/... - build: runs-on: ubuntu-latest steps: @@ -55,7 +41,7 @@ jobs: - name: Install node modules run: pnpm install --frozen-lockfile - name: Execute Tests - run: pnpm bazel test --test_tag_filters=-lint,-e2e,-audit //docs/... + run: pnpm bazel test --test_tag_filters=-e2e,-audit //docs/... - name: Store Test Logs uses: actions/upload-artifact@834a144ee995460fba8ed112a2fc961b36a5ec5a # v4.3.6 if: always() diff --git a/.stylelintrc.json b/.stylelintrc.json index ea005cf21f1e..2c610bce3151 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -137,7 +137,7 @@ ], "linebreaks": "unix", "selector-class-pattern": [ - "^_?(mat-|cdk-|example-|demo-|ng-|mdc-|map-|test-|youtube-player-)", + "^_?(mat-|cdk-|example-|demo-|ng-|mdc-|map-|test-|youtube-player-|docs-|scene-|hljs)", { "resolveNestedSelectors": true } diff --git a/docs/.eslintrc.json b/docs/.eslintrc.json deleted file mode 100644 index d074c3945aa0..000000000000 --- a/docs/.eslintrc.json +++ /dev/null @@ -1,94 +0,0 @@ -{ - "root": true, - "ignorePatterns": ["*.d.ts", "src/assets/stack-blitz/**/*.ts"], - "overrides": [ - { - "files": ["*.ts"], - "plugins": ["@stylistic", "@typescript-eslint", "ban"], - "parserOptions": { - "project": ["tsconfig.json", "e2e/tsconfig.json"], - "createDefaultProgram": true - }, - "extends": [ - "plugin:@angular-eslint/recommended", - "plugin:@angular-eslint/template/process-inline-templates", - "plugin:@stylistic/disable-legacy" - ], - "rules": { - "@angular-eslint/component-class-suffix": "off", - "@angular-eslint/component-selector": "off", - "@angular-eslint/directive-class-suffix": "off", - "@angular-eslint/directive-selector": "off", - "@angular-eslint/no-host-metadata-property": "off", - "@typescript-eslint/dot-notation": "off", - "@typescript-eslint/member-delimiter-style": "off", - "@typescript-eslint/naming-convention": "off", - "@typescript-eslint/explicit-member-accessibility": [ - "off", - { - "accessibility": "explicit" - } - ], - "@typescript-eslint/no-inferrable-types": "off", - "@typescript-eslint/member-ordering": "off", - "@typescript-eslint/no-unused-vars": "error", - "@typescript-eslint/no-non-null-assertion": "off", - "@typescript-eslint/ban-types": "off", - "@stylistic/quotes": [ - "error", - "single", - { - "avoidEscape": true, - "allowTemplateLiterals": true - } - ], - "@stylistic/semi": ["error"], - "arrow-parens": ["off", "always"], - "brace-style": ["error", "1tbs"], - "import/order": "off", - "linebreak-style": ["error", "unix"], - "ban/ban": [ - "error", - { - "name": "fit" - }, - { - "name": "fdescribe" - }, - { - "name": "xit" - }, - { - "name": "xdescribe" - }, - { - "name": ["Object", "assign"], - "message": "Use the spread operator instead." - } - ], - "no-duplicate-imports": "error", - "no-redeclare": "error", - "object-shorthand": "off", - "no-underscore-dangle": "off", - "prefer-arrow/prefer-arrow-functions": "off", - "jsdoc/newline-after-description": "off", - "quote-props": "off" - } - }, - { - "files": ["*.html"], - "extends": ["plugin:@angular-eslint/template/recommended"], - "rules": { - "@angular-eslint/template/alt-text": "error", - "@angular-eslint/template/elements-content": "error", - "@angular-eslint/template/table-scope": "error", - "@angular-eslint/template/valid-aria": "error", - "@angular-eslint/template/click-events-have-key-events": "error", - "@angular-eslint/template/mouse-events-have-key-events": "error", - "@angular-eslint/template/no-autofocus": "error", - "@angular-eslint/template/no-distracting-elements": "error", - "@angular-eslint/template/no-positive-tabindex": "error" - } - } - ] -} diff --git a/docs/BUILD.bazel b/docs/BUILD.bazel index 2cd2451af5a5..6995fad73b1d 100644 --- a/docs/BUILD.bazel +++ b/docs/BUILD.bazel @@ -26,14 +26,6 @@ copy_to_bin( ], ) -# Lint config files -copy_to_bin( - name = "ng-base-lint-config", - srcs = [ - ".eslintrc.json", - ], -) - # The main application ng_app( name = "app", diff --git a/docs/angular.json b/docs/angular.json index 464021ffe022..031f7853a4f5 100644 --- a/docs/angular.json +++ b/docs/angular.json @@ -179,12 +179,6 @@ ] } }, - "lint": { - "builder": "@angular-eslint/builder:lint", - "options": { - "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"] - } - }, "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { @@ -290,12 +284,6 @@ } } }, - "lint": { - "builder": "@angular-eslint/builder:lint", - "options": { - "lintFilePatterns": ["scenes/**/*.ts", "scenes/**/*.html"] - } - }, "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { diff --git a/docs/defs.bzl b/docs/defs.bzl index 0551bb96c4e2..815a4876077b 100644 --- a/docs/defs.bzl +++ b/docs/defs.bzl @@ -86,28 +86,6 @@ E2E_DEPS = [ "//docs:node_modules/webdriver-manager", ] -LINT_CONFIG = COMMON_CONFIG + [ - # Lint uses the e2e config - "//docs:ng-base-test-config", - ":ng-e2e-config", - "//docs:ng-base-lint-config", - "//docs:node_modules/@angular-eslint/builder", - "//docs:node_modules/@angular-eslint/eslint-plugin", - "//docs:node_modules/@angular-eslint/eslint-plugin-template", - "//docs:node_modules/@angular-eslint/template-parser", - "//docs:node_modules/eslint-plugin-ban", - "//docs:node_modules/eslint-plugin-import", - "//docs:node_modules/eslint-plugin-jsdoc", - "//docs:node_modules/eslint-plugin-prefer-arrow", - "//docs:node_modules/@typescript-eslint/eslint-plugin", - "//docs:node_modules/@typescript-eslint/parser", - "//docs:node_modules/@stylistic/eslint-plugin", -] -LINT_DEPS = [ - # TODO(bazel): this should be included as a transitive of @angular-devkit/architect-cli!? - "//docs:node_modules/@angular-devkit/architect", -] - # buildifier: disable=unused-variable def ng_app(name, project_name = None, deps = [], test_deps = [], e2e_deps = [], **kwargs): """ @@ -164,16 +142,6 @@ def ng_app(name, project_name = None, deps = [], test_deps = [], e2e_deps = [], visibility = ["//visibility:private"], ) - # Lint config files in addition to the root - if native.package_name() != "": - copy_to_bin( - name = "lint-config", - srcs = [ - ".eslintrc.json", - ], - visibility = ["//visibility:private"], - ) - project_name = project_name if project_name else name native.alias( @@ -234,14 +202,6 @@ def ng_app(name, project_name = None, deps = [], test_deps = [], e2e_deps = [], # **kwargs # ) - _architect_test( - project_name, - "lint", - srcs = srcs + test_srcs + e2e_srcs + deps + test_deps + NG_COMMON_DEPS + LINT_DEPS + LINT_CONFIG + ([":lint-config"] if native.package_name() != "" else []), - tags = tags + ["lint"], - **kwargs - ) - def _architect_build(project_name, configuration = None, args = [], srcs = [], **kwargs): output_dir = "%s%s" % (project_name, ".%s" % configuration if configuration else "") diff --git a/docs/e2e/src/app.e2e-spec.ts b/docs/e2e/src/app.e2e-spec.ts index 9f9fa0406ace..782a0e342977 100644 --- a/docs/e2e/src/app.e2e-spec.ts +++ b/docs/e2e/src/app.e2e-spec.ts @@ -1,3 +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 {MaterialDocsAppPage} from './app.po'; import {browser, logging} from 'protractor'; diff --git a/docs/e2e/src/app.po.ts b/docs/e2e/src/app.po.ts index 803e6041e524..5a0759adf326 100644 --- a/docs/e2e/src/app.po.ts +++ b/docs/e2e/src/app.po.ts @@ -1,3 +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 {browser, by, element} from 'protractor'; export class MaterialDocsAppPage { diff --git a/docs/package.json b/docs/package.json index a56b92594c9a..f14a0c420022 100644 --- a/docs/package.json +++ b/docs/package.json @@ -10,7 +10,6 @@ "start:prod": "ng serve --configuration production", "start:scenes": "ng serve scenes", "start:emulators": "firebase emulators:start", - "lint": "ng lint", "test": "ng test", "e2e": "ng e2e", "build": "ng build", @@ -58,24 +57,12 @@ "@angular-devkit/architect": "catalog:", "@angular-devkit/architect-cli": "catalog:", "@angular-devkit/build-angular": "catalog:", - "@angular-eslint/builder": "19.3.0", - "@angular-eslint/eslint-plugin": "19.3.0", - "@angular-eslint/eslint-plugin-template": "19.3.0", - "@angular-eslint/template-parser": "19.3.0", "@angular/cli": "catalog:", "@angular/compiler-cli": "catalog:", "@bazel/bazelisk": "^1.12.1", - "@stylistic/eslint-plugin": "^2.6.2", "@types/jasmine": "5.1.7", "@types/node": "^22.14.1", "@types/shelljs": "0.8.15", - "@typescript-eslint/eslint-plugin": "8.29.1", - "@typescript-eslint/parser": "8.29.1", - "eslint": "^8.56.0", - "eslint-plugin-ban": "^1.5.2", - "eslint-plugin-import": "^2.22.1", - "eslint-plugin-jsdoc": "^48.2.1", - "eslint-plugin-prefer-arrow": "^1.2.3", "firebase-tools": "^11.0.1", "jasmine-core": "5.6.0", "jasmine-spec-reporter": "7.0.0", diff --git a/docs/scenes/.eslintrc.json b/docs/scenes/.eslintrc.json deleted file mode 100644 index 659ccca5615d..000000000000 --- a/docs/scenes/.eslintrc.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "../.eslintrc.json" -} diff --git a/docs/scenes/e2e/screenshot.ts b/docs/scenes/e2e/screenshot.ts index d8c97707e1a6..96af19c932a8 100644 --- a/docs/scenes/e2e/screenshot.ts +++ b/docs/scenes/e2e/screenshot.ts @@ -1,3 +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 * as fs from 'fs'; import * as path from 'path'; import {by, element} from 'protractor'; diff --git a/docs/scenes/e2e/src/app.e2e-spec.ts b/docs/scenes/e2e/src/app.e2e-spec.ts index e91aa07e9519..2034c9006e1b 100644 --- a/docs/scenes/e2e/src/app.e2e-spec.ts +++ b/docs/scenes/e2e/src/app.e2e-spec.ts @@ -1,3 +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 {AppPage} from './app.po'; import {screenshot} from '../screenshot'; diff --git a/docs/scenes/e2e/src/app.po.ts b/docs/scenes/e2e/src/app.po.ts index 4ec5e5a46fbf..c6bcadab05cf 100644 --- a/docs/scenes/e2e/src/app.po.ts +++ b/docs/scenes/e2e/src/app.po.ts @@ -1,3 +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 {browser} from 'protractor'; export class AppPage { diff --git a/docs/scenes/src/app/app-routes.ts b/docs/scenes/src/app/app-routes.ts index d11b086b4e7f..6056b762d1fc 100644 --- a/docs/scenes/src/app/app-routes.ts +++ b/docs/scenes/src/app/app-routes.ts @@ -1,3 +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 {ComponentType} from '@angular/cdk/overlay'; import {SceneViewer} from './scene-viewer/scene-viewer'; import {AutocompleteScene} from './scenes/autocomplete/autocomplete-scene'; @@ -93,5 +101,10 @@ export const routes: SceneViewerRoute[] = [ {path: 'tooltip', component: SceneViewer, data: {scene: TooltipScene}}, {path: 'tree', component: SceneViewer, data: {scene: TreeScene}}, ] - .sort((a, b) => (a.path > b.path ? 1 : b.path > a.path ? -1 : 0)) + .sort((a, b) => { + if (a.path > b.path) { + return 1; + } + return b.path > a.path ? -1 : 0; + }) .map((route: SceneViewerRoute) => ({...route, data: {...route.data, hueRotate: 15 * hue++}})); diff --git a/docs/scenes/src/app/app.component.ts b/docs/scenes/src/app/app.component.ts index ff5aa6cd34b0..f06d862b3bf5 100644 --- a/docs/scenes/src/app/app.component.ts +++ b/docs/scenes/src/app/app.component.ts @@ -1,3 +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 {Component} from '@angular/core'; import {RouterOutlet} from '@angular/router'; diff --git a/docs/scenes/src/app/scene-overlay-container.ts b/docs/scenes/src/app/scene-overlay-container.ts index b6834f13fb0d..ec3986695ac7 100644 --- a/docs/scenes/src/app/scene-overlay-container.ts +++ b/docs/scenes/src/app/scene-overlay-container.ts @@ -1,3 +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 {Injectable} from '@angular/core'; import {OverlayContainer} from '@angular/cdk/overlay'; diff --git a/docs/scenes/src/app/scene-viewer/scene-viewer.ts b/docs/scenes/src/app/scene-viewer/scene-viewer.ts index 8dcc0bde06f6..e4f003f2e830 100644 --- a/docs/scenes/src/app/scene-viewer/scene-viewer.ts +++ b/docs/scenes/src/app/scene-viewer/scene-viewer.ts @@ -1,6 +1,13 @@ +/** + * @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 { Component, - HostBinding, Input, OnInit, ViewContainerRef, @@ -16,12 +23,14 @@ import {DomSanitizer, SafeStyle} from '@angular/platform-browser'; selector: 'app-scene-viewer', templateUrl: './scene-viewer.html', styleUrls: ['./scene-viewer.scss'], + host: { + '[style.filter]': 'filter', + }, }) export class SceneViewer implements OnInit { - private route = inject(ActivatedRoute); - private sanitizer = inject(DomSanitizer); - - @HostBinding('style.filter') filter: SafeStyle | undefined; + private _route = inject(ActivatedRoute); + private _sanitizer = inject(DomSanitizer); + protected filter: SafeStyle | undefined; /** * Degree to change hue of scene by. All scenes default to a reddish hue. @@ -36,7 +45,7 @@ export class SceneViewer implements OnInit { this._hueRotation = deg; // Modern browsers have security built in so this is just bypassing Angular's redundant checks. // Furthermore these checks will soon be removed. - this.filter = this.sanitizer.bypassSecurityTrustStyle(`hue-rotate(${this.hueRotation}deg)`); + this.filter = this._sanitizer.bypassSecurityTrustStyle(`hue-rotate(${this.hueRotation}deg)`); } private _hueRotation = 0; @@ -49,9 +58,9 @@ export class SceneViewer implements OnInit { readonly scene = viewChild.required('scene', {read: ViewContainerRef}); constructor() { - this.hueRotation = this.route.snapshot.data['hueRotate']; - this.component = this.route.snapshot.data['scene']; - this.scale = this.route.snapshot.data['scale']; + this.hueRotation = this._route.snapshot.data['hueRotate']; + this.component = this._route.snapshot.data['scene']; + this.scale = this._route.snapshot.data['scale']; } ngOnInit() { diff --git a/docs/scenes/src/app/scenes/autocomplete/autocomplete-scene.ts b/docs/scenes/src/app/scenes/autocomplete/autocomplete-scene.ts index c991a3a80050..b79b4aeeead5 100644 --- a/docs/scenes/src/app/scenes/autocomplete/autocomplete-scene.ts +++ b/docs/scenes/src/app/scenes/autocomplete/autocomplete-scene.ts @@ -1,3 +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 {AfterViewInit, Component, ViewEncapsulation, viewChild} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatFormFieldModule} from '@angular/material/form-field'; diff --git a/docs/scenes/src/app/scenes/badge/badge-scene.ts b/docs/scenes/src/app/scenes/badge/badge-scene.ts index 940bdd512df8..7dd662dc59d2 100644 --- a/docs/scenes/src/app/scenes/badge/badge-scene.ts +++ b/docs/scenes/src/app/scenes/badge/badge-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatBadgeModule} from '@angular/material/badge'; diff --git a/docs/scenes/src/app/scenes/bottom-sheet/bottom-sheet-scene.ts b/docs/scenes/src/app/scenes/bottom-sheet/bottom-sheet-scene.ts index 9f6f47352e57..1e4032614185 100644 --- a/docs/scenes/src/app/scenes/bottom-sheet/bottom-sheet-scene.ts +++ b/docs/scenes/src/app/scenes/bottom-sheet/bottom-sheet-scene.ts @@ -1,3 +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 {AfterViewInit, Component, ViewEncapsulation, inject} from '@angular/core'; import {MatBottomSheet} from '@angular/material/bottom-sheet'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/button-toggle/button-toggle-scene.ts b/docs/scenes/src/app/scenes/button-toggle/button-toggle-scene.ts index 4618088c8992..cf59b0e57e47 100644 --- a/docs/scenes/src/app/scenes/button-toggle/button-toggle-scene.ts +++ b/docs/scenes/src/app/scenes/button-toggle/button-toggle-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/button/button-scene.ts b/docs/scenes/src/app/scenes/button/button-scene.ts index b493f4e8b244..936efc775401 100644 --- a/docs/scenes/src/app/scenes/button/button-scene.ts +++ b/docs/scenes/src/app/scenes/button/button-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/card/card-scene.ts b/docs/scenes/src/app/scenes/card/card-scene.ts index 25de79f99eda..63c442f8d820 100644 --- a/docs/scenes/src/app/scenes/card/card-scene.ts +++ b/docs/scenes/src/app/scenes/card/card-scene.ts @@ -1,3 +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 {Component} from '@angular/core'; import {MatCardModule} from '@angular/material/card'; diff --git a/docs/scenes/src/app/scenes/checkbox/checkbox-scene.ts b/docs/scenes/src/app/scenes/checkbox/checkbox-scene.ts index f017bab8e365..8ea5c6072073 100755 --- a/docs/scenes/src/app/scenes/checkbox/checkbox-scene.ts +++ b/docs/scenes/src/app/scenes/checkbox/checkbox-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatCheckboxModule} from '@angular/material/checkbox'; diff --git a/docs/scenes/src/app/scenes/chips/chips-scene.ts b/docs/scenes/src/app/scenes/chips/chips-scene.ts index d5a80f168f83..132f35c8e6ef 100644 --- a/docs/scenes/src/app/scenes/chips/chips-scene.ts +++ b/docs/scenes/src/app/scenes/chips/chips-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatChipsModule} from '@angular/material/chips'; diff --git a/docs/scenes/src/app/scenes/core/core-scene.html b/docs/scenes/src/app/scenes/core/core-scene.html index f7860157d300..3aa54ed57377 100644 --- a/docs/scenes/src/app/scenes/core/core-scene.html +++ b/docs/scenes/src/app/scenes/core/core-scene.html @@ -1,3 +1,3 @@ -
+
settings
diff --git a/docs/scenes/src/app/scenes/core/core-scene.scss b/docs/scenes/src/app/scenes/core/core-scene.scss index 52e9f0e998a6..3eff81b38bb0 100644 --- a/docs/scenes/src/app/scenes/core/core-scene.scss +++ b/docs/scenes/src/app/scenes/core/core-scene.scss @@ -1,4 +1,4 @@ -.core-icon { +.scene-core-icon { display: flex; transform: scale(3); } diff --git a/docs/scenes/src/app/scenes/core/core-scene.ts b/docs/scenes/src/app/scenes/core/core-scene.ts index fb15cf183dfe..c5cd250bc310 100644 --- a/docs/scenes/src/app/scenes/core/core-scene.ts +++ b/docs/scenes/src/app/scenes/core/core-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/datepicker/datepicker-scene.html b/docs/scenes/src/app/scenes/datepicker/datepicker-scene.html index d8e863c5a59b..0c6b36e98c41 100644 --- a/docs/scenes/src/app/scenes/datepicker/datepicker-scene.html +++ b/docs/scenes/src/app/scenes/datepicker/datepicker-scene.html @@ -1,9 +1,8 @@ -
+
+ [selected]="selectedDate">
diff --git a/docs/scenes/src/app/scenes/datepicker/datepicker-scene.scss b/docs/scenes/src/app/scenes/datepicker/datepicker-scene.scss index 0d8f7c7cce3c..ae3c7e69f8ad 100644 --- a/docs/scenes/src/app/scenes/datepicker/datepicker-scene.scss +++ b/docs/scenes/src/app/scenes/datepicker/datepicker-scene.scss @@ -1,9 +1,9 @@ -.calendar { +.docs-calendar { margin-top: 140px; background: rgba(white, 0.8); } -.calendar-wrapper { +.docs-calendar-wrapper { display: flex; mat-calendar { diff --git a/docs/scenes/src/app/scenes/datepicker/datepicker-scene.ts b/docs/scenes/src/app/scenes/datepicker/datepicker-scene.ts index 4e7cd5bc5ea0..001f3828fae0 100644 --- a/docs/scenes/src/app/scenes/datepicker/datepicker-scene.ts +++ b/docs/scenes/src/app/scenes/datepicker/datepicker-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; diff --git a/docs/scenes/src/app/scenes/dialog/dialog-scene.ts b/docs/scenes/src/app/scenes/dialog/dialog-scene.ts index 32e56fc44d9f..e784aee7bf69 100644 --- a/docs/scenes/src/app/scenes/dialog/dialog-scene.ts +++ b/docs/scenes/src/app/scenes/dialog/dialog-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation, inject} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatDialog, MatDialogModule} from '@angular/material/dialog'; diff --git a/docs/scenes/src/app/scenes/divider/divider-scene.ts b/docs/scenes/src/app/scenes/divider/divider-scene.ts index e168d7e5ad36..a67314d56615 100644 --- a/docs/scenes/src/app/scenes/divider/divider-scene.ts +++ b/docs/scenes/src/app/scenes/divider/divider-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatListModule} from '@angular/material/list'; diff --git a/docs/scenes/src/app/scenes/expansion/expansion-scene.ts b/docs/scenes/src/app/scenes/expansion/expansion-scene.ts index 5e5514a398fa..cb5243e521f8 100644 --- a/docs/scenes/src/app/scenes/expansion/expansion-scene.ts +++ b/docs/scenes/src/app/scenes/expansion/expansion-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatExpansionModule} from '@angular/material/expansion'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/form-field/form-field-scene.ts b/docs/scenes/src/app/scenes/form-field/form-field-scene.ts index a06b187486ae..5bbb3ac51091 100644 --- a/docs/scenes/src/app/scenes/form-field/form-field-scene.ts +++ b/docs/scenes/src/app/scenes/form-field/form-field-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatInputModule} from '@angular/material/input'; diff --git a/docs/scenes/src/app/scenes/grid-list/grid-list-scene.scss b/docs/scenes/src/app/scenes/grid-list/grid-list-scene.scss index aa6ba8230471..57c9a57c5a2d 100644 --- a/docs/scenes/src/app/scenes/grid-list/grid-list-scene.scss +++ b/docs/scenes/src/app/scenes/grid-list/grid-list-scene.scss @@ -7,5 +7,7 @@ app-grid-list-scene { mat-grid-tile { box-sizing: border-box; padding: 3px; + + // stylelint-disable-next-line material/no-prefixes background-clip: content-box !important; } diff --git a/docs/scenes/src/app/scenes/grid-list/grid-list-scene.ts b/docs/scenes/src/app/scenes/grid-list/grid-list-scene.ts index 6776f75625e8..c429eadd9f8b 100644 --- a/docs/scenes/src/app/scenes/grid-list/grid-list-scene.ts +++ b/docs/scenes/src/app/scenes/grid-list/grid-list-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatGridListModule} from '@angular/material/grid-list'; diff --git a/docs/scenes/src/app/scenes/icon/icon-scene.html b/docs/scenes/src/app/scenes/icon/icon-scene.html index 4a7281abd724..0fd4d32985f8 100644 --- a/docs/scenes/src/app/scenes/icon/icon-scene.html +++ b/docs/scenes/src/app/scenes/icon/icon-scene.html @@ -1,10 +1,10 @@
- backup - cast - bug_report + backup + cast + bug_report
- insights - pets - verified + insights + pets + verified
diff --git a/docs/scenes/src/app/scenes/icon/icon-scene.scss b/docs/scenes/src/app/scenes/icon/icon-scene.scss index 1873a37a7193..ca5c9598c7d1 100644 --- a/docs/scenes/src/app/scenes/icon/icon-scene.scss +++ b/docs/scenes/src/app/scenes/icon/icon-scene.scss @@ -2,22 +2,22 @@ margin: 5px; } -.backup { +.scene-backup { color: #c11; } -.cast { +.scene-cast { color: #f77; } -.insights { +.scene-insights { color: #e66; } -.pets { +.scene-pets { color: #f11; } -.verified { +.scene-verified { color: #d66; } diff --git a/docs/scenes/src/app/scenes/icon/icon-scene.ts b/docs/scenes/src/app/scenes/icon/icon-scene.ts index 472e763bb366..8769e216a44d 100644 --- a/docs/scenes/src/app/scenes/icon/icon-scene.ts +++ b/docs/scenes/src/app/scenes/icon/icon-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/input/input-scene.scss b/docs/scenes/src/app/scenes/input/input-scene.scss index ad78e2d87a36..6f7f56ed1e48 100644 --- a/docs/scenes/src/app/scenes/input/input-scene.scss +++ b/docs/scenes/src/app/scenes/input/input-scene.scss @@ -5,7 +5,7 @@ .scene-inputs { margin-top: 15px; width: 250px; - /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ + .mat-form-field-appearance-outline .mat-form-field-outline-thick { opacity: 0.5; } diff --git a/docs/scenes/src/app/scenes/input/input-scene.ts b/docs/scenes/src/app/scenes/input/input-scene.ts index 31285e0e4f29..6b7636d5203f 100644 --- a/docs/scenes/src/app/scenes/input/input-scene.ts +++ b/docs/scenes/src/app/scenes/input/input-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatInputModule} from '@angular/material/input'; diff --git a/docs/scenes/src/app/scenes/list/list-scene.ts b/docs/scenes/src/app/scenes/list/list-scene.ts index 2a8ec6bc480a..19339df20d11 100644 --- a/docs/scenes/src/app/scenes/list/list-scene.ts +++ b/docs/scenes/src/app/scenes/list/list-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatListModule} from '@angular/material/list'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/menu/menu-scene.ts b/docs/scenes/src/app/scenes/menu/menu-scene.ts index 127c7b6fdb15..ac2ef620255c 100644 --- a/docs/scenes/src/app/scenes/menu/menu-scene.ts +++ b/docs/scenes/src/app/scenes/menu/menu-scene.ts @@ -1,3 +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 {AfterViewInit, Component, ViewEncapsulation, viewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; diff --git a/docs/scenes/src/app/scenes/paginator/paginator-scene.ts b/docs/scenes/src/app/scenes/paginator/paginator-scene.ts index d0b68b7cd00c..63fe39f2ad4a 100644 --- a/docs/scenes/src/app/scenes/paginator/paginator-scene.ts +++ b/docs/scenes/src/app/scenes/paginator/paginator-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatPaginatorModule} from '@angular/material/paginator'; diff --git a/docs/scenes/src/app/scenes/placeholder/placeholder-scene.html b/docs/scenes/src/app/scenes/placeholder/placeholder-scene.html index f6f081182478..a5cbba2457a0 100644 --- a/docs/scenes/src/app/scenes/placeholder/placeholder-scene.html +++ b/docs/scenes/src/app/scenes/placeholder/placeholder-scene.html @@ -1,3 +1,3 @@ -
-
-
+
+
+
diff --git a/docs/scenes/src/app/scenes/placeholder/placeholder-scene.scss b/docs/scenes/src/app/scenes/placeholder/placeholder-scene.scss index 1481ad6ae664..6227568b134a 100644 --- a/docs/scenes/src/app/scenes/placeholder/placeholder-scene.scss +++ b/docs/scenes/src/app/scenes/placeholder/placeholder-scene.scss @@ -1,4 +1,4 @@ -.circle-big { +.scene-circle-big { position: absolute; width: 140px; height: 140px; @@ -8,7 +8,7 @@ left: 50px; } -.circle-small { +.scene-circle-small { position: absolute; width: 70px; height: 70px; @@ -17,7 +17,7 @@ background: rgba(rosybrown, 0.5); } -.half-circle { +.scene-half-circle { transform: rotate(145deg); position: absolute; left: 200px; diff --git a/docs/scenes/src/app/scenes/placeholder/placeholder-scene.ts b/docs/scenes/src/app/scenes/placeholder/placeholder-scene.ts index 445a889088ac..ba2c368e4ae4 100644 --- a/docs/scenes/src/app/scenes/placeholder/placeholder-scene.ts +++ b/docs/scenes/src/app/scenes/placeholder/placeholder-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; @Component({ diff --git a/docs/scenes/src/app/scenes/progress-bar/progress-bar-scene.ts b/docs/scenes/src/app/scenes/progress-bar/progress-bar-scene.ts index 116bedc101d9..574e87e25b57 100644 --- a/docs/scenes/src/app/scenes/progress-bar/progress-bar-scene.ts +++ b/docs/scenes/src/app/scenes/progress-bar/progress-bar-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatProgressBarModule} from '@angular/material/progress-bar'; diff --git a/docs/scenes/src/app/scenes/progress-spinner/progress-spinner-scene.ts b/docs/scenes/src/app/scenes/progress-spinner/progress-spinner-scene.ts index 3435b8257754..fafa51dff96c 100644 --- a/docs/scenes/src/app/scenes/progress-spinner/progress-spinner-scene.ts +++ b/docs/scenes/src/app/scenes/progress-spinner/progress-spinner-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; diff --git a/docs/scenes/src/app/scenes/radio/radio-scene.ts b/docs/scenes/src/app/scenes/radio/radio-scene.ts index 4224ea21d2b0..d44cfcf5b0eb 100644 --- a/docs/scenes/src/app/scenes/radio/radio-scene.ts +++ b/docs/scenes/src/app/scenes/radio/radio-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatRadioModule} from '@angular/material/radio'; diff --git a/docs/scenes/src/app/scenes/ripples/ripples-scene.html b/docs/scenes/src/app/scenes/ripples/ripples-scene.html index cdc9dced71aa..659fd9e60b1a 100644 --- a/docs/scenes/src/app/scenes/ripples/ripples-scene.html +++ b/docs/scenes/src/app/scenes/ripples/ripples-scene.html @@ -2,6 +2,6 @@ matRipple [matRippleDisabled]="true">
- diff --git a/docs/scenes/src/app/scenes/ripples/ripples-scene.scss b/docs/scenes/src/app/scenes/ripples/ripples-scene.scss index 51a9954c7eaa..e3f3157cdf98 100644 --- a/docs/scenes/src/app/scenes/ripples/ripples-scene.scss +++ b/docs/scenes/src/app/scenes/ripples/ripples-scene.scss @@ -3,11 +3,10 @@ button { height: 60px; } -#scene-ripples-button { +.scene-ripples-button { overflow: hidden; } -/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ .mat-button-wrapper { font-size: 18px; } diff --git a/docs/scenes/src/app/scenes/ripples/ripples-scene.ts b/docs/scenes/src/app/scenes/ripples/ripples-scene.ts index bda275bc575a..203d3be77834 100644 --- a/docs/scenes/src/app/scenes/ripples/ripples-scene.ts +++ b/docs/scenes/src/app/scenes/ripples/ripples-scene.ts @@ -1,3 +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 {AfterViewInit, Component, ViewEncapsulation, viewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatRipple, MatRippleModule} from '@angular/material/core'; diff --git a/docs/scenes/src/app/scenes/select/select-scene.ts b/docs/scenes/src/app/scenes/select/select-scene.ts index 9262fe4938b3..00cf9cf2e8b9 100644 --- a/docs/scenes/src/app/scenes/select/select-scene.ts +++ b/docs/scenes/src/app/scenes/select/select-scene.ts @@ -1,3 +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 {AfterViewInit, Component, ViewEncapsulation, viewChild} from '@angular/core'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatSelect, MatSelectModule} from '@angular/material/select'; diff --git a/docs/scenes/src/app/scenes/sidenav/sidenav-scene.ts b/docs/scenes/src/app/scenes/sidenav/sidenav-scene.ts index 0cdd6e8b77d9..a7de46c18af7 100644 --- a/docs/scenes/src/app/scenes/sidenav/sidenav-scene.ts +++ b/docs/scenes/src/app/scenes/sidenav/sidenav-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatSidenavModule} from '@angular/material/sidenav'; diff --git a/docs/scenes/src/app/scenes/slide-toggle/slide-toggle-scene.ts b/docs/scenes/src/app/scenes/slide-toggle/slide-toggle-scene.ts index 920cb900eb2d..57b41f26c70e 100644 --- a/docs/scenes/src/app/scenes/slide-toggle/slide-toggle-scene.ts +++ b/docs/scenes/src/app/scenes/slide-toggle/slide-toggle-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatSlideToggleModule} from '@angular/material/slide-toggle'; diff --git a/docs/scenes/src/app/scenes/slider/slider-scene.html b/docs/scenes/src/app/scenes/slider/slider-scene.html index fb271394402f..1de2d92355e8 100644 --- a/docs/scenes/src/app/scenes/slider/slider-scene.html +++ b/docs/scenes/src/app/scenes/slider/slider-scene.html @@ -1,10 +1,10 @@ -
+
volume_up
-
+
brightness_low diff --git a/docs/scenes/src/app/scenes/slider/slider-scene.scss b/docs/scenes/src/app/scenes/slider/slider-scene.scss index 304c22a02c41..378ef6a34552 100644 --- a/docs/scenes/src/app/scenes/slider/slider-scene.scss +++ b/docs/scenes/src/app/scenes/slider/slider-scene.scss @@ -1,4 +1,4 @@ -.slider-row { +.scene-slider-row { display: flex; align-items: center; } diff --git a/docs/scenes/src/app/scenes/slider/slider-scene.ts b/docs/scenes/src/app/scenes/slider/slider-scene.ts index b594b6e69f5b..cf1cc2868ebc 100644 --- a/docs/scenes/src/app/scenes/slider/slider-scene.ts +++ b/docs/scenes/src/app/scenes/slider/slider-scene.ts @@ -1,3 +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 {AfterViewInit, Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatSliderModule} from '@angular/material/slider'; diff --git a/docs/scenes/src/app/scenes/snack-bar/snack-bar-scene.ts b/docs/scenes/src/app/scenes/snack-bar/snack-bar-scene.ts index fed34de7512b..184bd6189a2c 100644 --- a/docs/scenes/src/app/scenes/snack-bar/snack-bar-scene.ts +++ b/docs/scenes/src/app/scenes/snack-bar/snack-bar-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation, inject} from '@angular/core'; import {MatSnackBar} from '@angular/material/snack-bar'; diff --git a/docs/scenes/src/app/scenes/sort/sort-scene.ts b/docs/scenes/src/app/scenes/sort/sort-scene.ts index 24d01f48c896..85e9998f670c 100644 --- a/docs/scenes/src/app/scenes/sort/sort-scene.ts +++ b/docs/scenes/src/app/scenes/sort/sort-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatSortModule} from '@angular/material/sort'; diff --git a/docs/scenes/src/app/scenes/stepper/stepper-scene.ts b/docs/scenes/src/app/scenes/stepper/stepper-scene.ts index 10a1e62195a5..0e86523e4b71 100644 --- a/docs/scenes/src/app/scenes/stepper/stepper-scene.ts +++ b/docs/scenes/src/app/scenes/stepper/stepper-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatStepperModule} from '@angular/material/stepper'; import {MatInputModule} from '@angular/material/input'; diff --git a/docs/scenes/src/app/scenes/table/table-scene.ts b/docs/scenes/src/app/scenes/table/table-scene.ts index abd2f6ed39ee..e0257f735991 100644 --- a/docs/scenes/src/app/scenes/table/table-scene.ts +++ b/docs/scenes/src/app/scenes/table/table-scene.ts @@ -1,3 +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 {Component} from '@angular/core'; import {MatCardModule} from '@angular/material/card'; import {MatTableModule} from '@angular/material/table'; diff --git a/docs/scenes/src/app/scenes/tabs/tabs-scene.ts b/docs/scenes/src/app/scenes/tabs/tabs-scene.ts index 64b84e2a2612..c5148147ceb0 100644 --- a/docs/scenes/src/app/scenes/tabs/tabs-scene.ts +++ b/docs/scenes/src/app/scenes/tabs/tabs-scene.ts @@ -1,3 +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 {Component} from '@angular/core'; import {MatTabsModule} from '@angular/material/tabs'; diff --git a/docs/scenes/src/app/scenes/timepicker/timepicker-scene.ts b/docs/scenes/src/app/scenes/timepicker/timepicker-scene.ts index f93427fff36a..de267ba21447 100644 --- a/docs/scenes/src/app/scenes/timepicker/timepicker-scene.ts +++ b/docs/scenes/src/app/scenes/timepicker/timepicker-scene.ts @@ -1,3 +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 {AfterViewInit, Component, viewChild, ViewEncapsulation} from '@angular/core'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatInputModule} from '@angular/material/input'; diff --git a/docs/scenes/src/app/scenes/toolbar/toolbar-scene.ts b/docs/scenes/src/app/scenes/toolbar/toolbar-scene.ts index 7024b75dbb42..361060a71523 100644 --- a/docs/scenes/src/app/scenes/toolbar/toolbar-scene.ts +++ b/docs/scenes/src/app/scenes/toolbar/toolbar-scene.ts @@ -1,3 +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 {Component, ViewEncapsulation} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatToolbarModule} from '@angular/material/toolbar'; diff --git a/docs/scenes/src/app/scenes/tooltip/tooltip-scene.html b/docs/scenes/src/app/scenes/tooltip/tooltip-scene.html index 5ee5b8213bcd..86925432db1c 100644 --- a/docs/scenes/src/app/scenes/tooltip/tooltip-scene.html +++ b/docs/scenes/src/app/scenes/tooltip/tooltip-scene.html @@ -1,6 +1,6 @@ -
+
`, + template: ` + + `, imports: [MatIconButton, MatIcon, MatTooltip], }) export class ModuleImportCopyButton { - private clipboard = inject(Clipboard); - private snackbar = inject(MatSnackBar); + private _clipboard = inject(Clipboard); + private _snackbar = inject(MatSnackBar); /** Import path for the module that will be copied */ import = ''; copy(): void { - const message = this.clipboard.copy(this.import) + const message = this._clipboard.copy(this.import) ? 'Copied module import' : 'Failed to copy module import'; - this.snackbar.open(message, undefined, {duration: 2500}); + this._snackbar.open(message, undefined, {duration: 2500}); } } diff --git a/docs/src/app/shared/documentation-items/documentation-items.ts b/docs/src/app/shared/documentation-items/documentation-items.ts index c6cc6f94ddfa..434f6640d2e6 100644 --- a/docs/src/app/shared/documentation-items/documentation-items.ts +++ b/docs/src/app/shared/documentation-items/documentation-items.ts @@ -1,3 +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 {Injectable} from '@angular/core'; import type {LiveExample} from '@angular/components-examples'; diff --git a/docs/src/app/shared/example-viewer/code-snippet.ts b/docs/src/app/shared/example-viewer/code-snippet.ts index e1cfa86a973f..01281e512194 100644 --- a/docs/src/app/shared/example-viewer/code-snippet.ts +++ b/docs/src/app/shared/example-viewer/code-snippet.ts @@ -1,3 +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 {ChangeDetectionStrategy, Component, forwardRef, input, viewChild} from '@angular/core'; import {DocViewer} from '../doc-viewer/doc-viewer'; diff --git a/docs/src/app/shared/example-viewer/example-viewer.html b/docs/src/app/shared/example-viewer/example-viewer.html index efccbc328f17..2a960edcfaa7 100644 --- a/docs/src/app/shared/example-viewer/example-viewer.html +++ b/docs/src/app/shared/example-viewer/example-viewer.html @@ -1,7 +1,7 @@
@if (view === 'snippet') {
-
+