diff --git a/.github/actions/yarn-install/action.yml b/.github/actions/yarn-install/action.yml
deleted file mode 100644
index 0918e772557d..000000000000
--- a/.github/actions/yarn-install/action.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-name: 'Installing Yarn dependencies'
-description: 'Installs the dependencies using Yarn'
-
-runs:
- using: 'composite'
- steps:
- - uses: actions/cache@v2
- with:
- path: |
- ./node_modules/
- # Cache key. Whenever the postinstall patches change, the cache needs to be invalidated.
- # If just the `yarn.lock` file changes, the most recent cache can be restored though.
- # See: https://docs.github.com/en/actions/guides/caching-dependencies-to-speed-up-workflows#example-using-the-cache-action.
- key: v4-${{hashFiles('tools/postinstall/apply-patches.js')}}-${{hashFiles('yarn.lock')}}
- restore-keys: v4-${{hashFiles('tools/postinstall/apply-patches.js')}}-
-
- - run: yarn install --frozen-lockfile --non-interactive
- shell: bash
diff --git a/.github/workflows/assistant-to-the-branch-manager.yml b/.github/workflows/assistant-to-the-branch-manager.yml
index 44f762d99a2d..257d553f73df 100644
--- a/.github/workflows/assistant-to-the-branch-manager.yml
+++ b/.github/workflows/assistant-to-the-branch-manager.yml
@@ -16,6 +16,6 @@ jobs:
- uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3.0.2
with:
persist-credentials: false
- - uses: angular/dev-infra/github-actions/branch-manager@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ - uses: angular/dev-infra/github-actions/branch-manager@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
diff --git a/.github/workflows/ci-privileged.yml b/.github/workflows/ci-privileged.yml
index 813840ee71ca..9a6096e29663 100644
--- a/.github/workflows/ci-privileged.yml
+++ b/.github/workflows/ci-privileged.yml
@@ -26,7 +26,7 @@ jobs:
CI_RUNNER_NUMBER: ${{ github.run_id }}
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@ba9b4487ced515e5b4d87edd681a3bd9792444d6
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
# Checking out the pull request commit is intended here as we need to run the changed code tests.
@@ -34,7 +34,7 @@ jobs:
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@ba9b4487ced515e5b4d87edd681a3bd9792444d6
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Run tests on Saucelabs
run: ./scripts/circleci/run-saucelabs-tests.sh
@@ -48,7 +48,7 @@ jobs:
CI_RUNNER_NUMBER: ${{ github.run_id }}
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@ba9b4487ced515e5b4d87edd681a3bd9792444d6
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
# Checking out the pull request commit is intended here as we need to run the changed code tests.
@@ -56,6 +56,6 @@ jobs:
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@ba9b4487ced515e5b4d87edd681a3bd9792444d6
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Run tests on Browserstack
run: ./scripts/circleci/run-browserstack-tests.sh
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ea37f8960350..3c0fcede5ee2 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -23,7 +23,7 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Install node modules
@@ -66,13 +66,13 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Check API Goldens
@@ -87,13 +87,13 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Run e2e tests
@@ -108,13 +108,13 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Run integration tests
@@ -132,13 +132,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Run linker AOT tests
@@ -153,13 +153,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Run linker JIT tests
@@ -174,13 +174,13 @@ jobs:
runs-on: ubuntu-latest-16core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Run tests
@@ -195,13 +195,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Run tests
@@ -217,13 +217,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Build and Verify Release Output
@@ -249,13 +249,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Build and Verify Release Output
@@ -275,13 +275,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@9931e1a8d1b62fcd2267e89f9993a494856cc1cd
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Install node modules
run: yarn install --frozen-lockfile
- name: Build and Verify Release Output
diff --git a/.github/workflows/deploy-dev-app-main-push.yml b/.github/workflows/deploy-dev-app-main-push.yml
new file mode 100644
index 000000000000..1b0dc434202a
--- /dev/null
+++ b/.github/workflows/deploy-dev-app-main-push.yml
@@ -0,0 +1,59 @@
+name: Deploying dev-app to Firebase [main push].
+
+on:
+ push:
+ branches: [main]
+
+permissions:
+ deployments: write
+
+env:
+ PREVIEW_PROJECT: ng-dev-previews
+ PREVIEW_SITE: ng-comp-devapp
+ PREVIEW_CHANNEL: live
+
+jobs:
+ deploy-material2-dev:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Initialize environment
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
+ with:
+ cache-node-modules: true
+ - name: Setup Bazel
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
+ - name: Setup Bazel RBE
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
+
+ - name: Building dev-app
+ run: |
+ yarn -s bazel build //src/dev-app:web_package --symlink_prefix=dist/
+ cp -R dist/bin/src/dev-app/web_package dist/dev-app-web-pkg
+
+ - name: Configure Firebase deploy target
+ run: |
+ # We can use `npx` as the Firebase deploy actions uses it too.
+ npx -y firebase-tools@latest target:clear --project ${{env.PREVIEW_PROJECT}} hosting dev-app
+ npx -y firebase-tools@latest target:apply --project ${{env.PREVIEW_PROJECT}} hosting dev-app ${{env.PREVIEW_SITE}}
+
+ - uses: FirebaseExtended/action-hosting-deploy@638d3c162747cead0c1c0d3093208ed59dfd8231 # v0
+ id: deploy
+ with:
+ # Note: No token used here as the action otherwise may attempt to post a comment.
+ repoToken: ''
+ firebaseServiceAccount: '${{secrets.FIREBASE_PREVIEW_SERVICE_TOKEN}}'
+ projectId: '${{env.PREVIEW_PROJECT}}'
+ entryPoint: './'
+ channelId: '${{env.PREVIEW_CHANNEL}}'
+
+ - name: Result
+ run: |
+ echo "Deployed to: ${{steps.deploy.outputs.details_url}}"
+
+ - name: Deployment Status
+ uses: zattoo/deploy-status@c8a0267e54a90ea07765fa88f7c7c35171859eec # v1
+ with:
+ token: '${{github.token}}'
+ environment: 'dev'
+ environment_url: '${{steps.deploy.outputs.details_url}}'
+ state: success
diff --git a/.github/workflows/dev-infra.yml b/.github/workflows/dev-infra.yml
index 6e26d0c1b30b..94ed12fb63c8 100644
--- a/.github/workflows/dev-infra.yml
+++ b/.github/workflows/dev-infra.yml
@@ -12,13 +12,13 @@ jobs:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3.0.2
- - uses: angular/dev-infra/github-actions/commit-message-based-labels@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ - uses: angular/dev-infra/github-actions/commit-message-based-labels@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
post_approval_changes:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3.0.2
- - uses: angular/dev-infra/github-actions/post-approval-changes@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ - uses: angular/dev-infra/github-actions/post-approval-changes@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
angular-robot-key: ${{ secrets.ANGULAR_ROBOT_PRIVATE_KEY }}
diff --git a/.github/workflows/google-internal-tests.yml b/.github/workflows/google-internal-tests.yml
index e00505ac7bbf..a8bfc770f29c 100644
--- a/.github/workflows/google-internal-tests.yml
+++ b/.github/workflows/google-internal-tests.yml
@@ -13,7 +13,7 @@ jobs:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@93ea575cb5d8a053eaa0ac8fa3b40d7e05a33cc8 # tag=v3.1.0
- - uses: angular/dev-infra/github-actions/google-internal-tests@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ - uses: angular/dev-infra/github-actions/google-internal-tests@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
run-tests-guide-url: http://go/angular-material-presubmit
github-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/build-dev-app.yml b/.github/workflows/preview-build-dev-app.yml
similarity index 68%
rename from .github/workflows/build-dev-app.yml
rename to .github/workflows/preview-build-dev-app.yml
index f80a4853b9ac..1ff3e3abfe66 100644
--- a/.github/workflows/build-dev-app.yml
+++ b/.github/workflows/preview-build-dev-app.yml
@@ -22,19 +22,19 @@ jobs:
(github.event.action == 'labeled' && github.event.label.name == 'dev-app preview') ||
(github.event.action == 'synchronize' && contains(github.event.pull_request.labels.*.name, 'dev-app preview'))
steps:
- - uses: actions/checkout@ec3a7ce113134d7a93b817d10a8272cb61118579 # renovate: tag=v2.0.0
- - uses: ./.github/actions/yarn-install
-
- - uses: angular/dev-infra/github-actions/setup-bazel-remote-exec@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ - name: Initialize environment
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
- bazelrc: ./.bazelrc.user
+ cache-node-modules: true
+ - name: Setup Bazel
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
+ - name: Setup Bazel RBE
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- # Build the web package. Note: We run Bazel from a low-resource Github action container,
- # so we manually need to instruct Bazel to run more actions concurrently as by default
- # the number of concurrent actions is determined based on the host resources.
- - run: bazel build //src/dev-app:web_package --symlink_prefix=dist/ --jobs=32
+ # Build the web package
+ - run: bazel build //src/dev-app:web_package --symlink_prefix=dist/
- - uses: angular/dev-infra/github-actions/previews/pack-and-upload-artifact@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ - uses: angular/dev-infra/github-actions/previews/pack-and-upload-artifact@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
workflow-artifact-name: 'dev-app'
pull-number: '${{github.event.pull_request.number}}'
diff --git a/.github/workflows/deploy-dev-app.yml b/.github/workflows/preview-deploy-dev-app.yml
similarity index 96%
rename from .github/workflows/deploy-dev-app.yml
rename to .github/workflows/preview-deploy-dev-app.yml
index 7e67ac7b1f48..8c78838cfe5d 100644
--- a/.github/workflows/deploy-dev-app.yml
+++ b/.github/workflows/preview-deploy-dev-app.yml
@@ -33,7 +33,7 @@ jobs:
npx -y firebase-tools@latest target:clear --project ${{env.PREVIEW_PROJECT}} hosting dev-app
npx -y firebase-tools@latest target:apply --project ${{env.PREVIEW_PROJECT}} hosting dev-app ${{env.PREVIEW_SITE}}
- - uses: angular/dev-infra/github-actions/previews/upload-artifacts-to-firebase@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ - uses: angular/dev-infra/github-actions/previews/upload-artifacts-to-firebase@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
github-token: '${{secrets.GITHUB_TOKEN}}'
workflow-artifact-name: 'dev-app'
diff --git a/.github/workflows/scheduled-ci.yml b/.github/workflows/scheduled-ci.yml
index 1511336bb7e4..4562fee6d538 100644
--- a/.github/workflows/scheduled-ci.yml
+++ b/.github/workflows/scheduled-ci.yml
@@ -19,13 +19,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setting up Angular snapshot builds
# Angular snapshots must be set up first so that the yarn install properly
# updates the yarn.lock as expected with the changes
@@ -44,13 +44,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setting up Angular snapshot builds
# Angular snapshots must be set up first so that the yarn install properly
# updates the yarn.lock as expected with the changes
@@ -71,13 +71,13 @@ jobs:
runs-on: ubuntu-latest-4core
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Setup Bazel
- uses: angular/dev-infra/github-actions/bazel/setup@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/setup@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setup Bazel RBE
- uses: angular/dev-infra/github-actions/bazel/configure-remote@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/bazel/configure-remote@e0ec7b60641d7f6369be45d8d02663fd50f320be
- name: Setting up Angular snapshot builds
# Angular snapshots must be set up first so that the yarn install properly
# updates the yarn.lock as expected with the changes
@@ -98,7 +98,7 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Initialize environment
- uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@fb30926790c6225d553b91a4818cab2fdde4fb4e
+ uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@e0ec7b60641d7f6369be45d8d02663fd50f320be
with:
cache-node-modules: true
- name: Install node modules
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1b68efd95052..81a39ffd2399 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,41 @@
+
+# 17.0.0-rc.3 "vandium-vest" (2023-11-06)
+### cdk
+| Commit | Type | Description |
+| -- | -- | -- |
+| [c0b38dede](https://github.com/angular/components/commit/c0b38dede8806629a7c9c5319c707aaeedd6812c) | perf | **a11y:** Don't trigger re-layout when detecting fake mousedown ([#28029](https://github.com/angular/components/pull/28029)) |
+### material
+| Commit | Type | Description |
+| -- | -- | -- |
+| [157c0e28f](https://github.com/angular/components/commit/157c0e28f7c8170433fafcd57cc70fb63cc57ff4) | fix | **schematics:** asyncPipe not imported but used in the template ([#28055](https://github.com/angular/components/pull/28055)) |
+
+
+
+
+# 17.0.0-rc.2 "beryllium-brilliance" (2023-11-01)
+### cdk
+| Commit | Type | Description |
+| -- | -- | -- |
+| [b361de136b](https://github.com/angular/components/commit/b361de136b40377ce07430f9f2cf8111ffd300ca) | fix | **accordion:** add `CDK_ACCORDION` export ([#27981](https://github.com/angular/components/pull/27981)) |
+### material
+| Commit | Type | Description |
+| -- | -- | -- |
+| [fcaa95e695](https://github.com/angular/components/commit/fcaa95e6955d05773037650f48eb50efc445b24c) | fix | **core:** prevent updates to v17 if project uses legacy components ([#28024](https://github.com/angular/components/pull/28024)) |
+| [c4a62a884f](https://github.com/angular/components/commit/c4a62a884f9eabeacdfd299a91deccc9003fc34c) | fix | **dialog:** MatDialog: change member _dialog (cdk) from private to protected ([#28019](https://github.com/angular/components/pull/28019)) ([#28020](https://github.com/angular/components/pull/28020)) |
+| [7a42a5de98](https://github.com/angular/components/commit/7a42a5de9888fcd2dc459c3887a167860d0726fd) | fix | **schematics:** account for browser-esbuild builder ([#28025](https://github.com/angular/components/pull/28025)) |
+| [9fe4fe1f54](https://github.com/angular/components/commit/9fe4fe1f54f8dab72d4291e2dbee96dc8ade62b6) | fix | **schematics:** don't add the preconnect for fonts ([#28026](https://github.com/angular/components/pull/28026)) |
+
+
+
+
+# 16.2.11 "fabric-fantasy" (2023-11-01)
+### cdk
+| Commit | Type | Description |
+| -- | -- | -- |
+| [2f468f1606](https://github.com/angular/components/commit/2f468f160604a50141048afe75c829bc6b8c85b1) | fix | **accordion:** add `CDK_ACCORDION` export ([#27981](https://github.com/angular/components/pull/27981)) |
+
+
+
# 16.2.10 "plaster-pineapple" (2023-10-25)
### material
diff --git a/guides/creating-a-custom-stepper-using-the-cdk-stepper.md b/guides/creating-a-custom-stepper-using-the-cdk-stepper.md
index 615f241950dd..c116bfb92f40 100644
--- a/guides/creating-a-custom-stepper-using-the-cdk-stepper.md
+++ b/guides/creating-a-custom-stepper-using-the-cdk-stepper.md
@@ -45,14 +45,11 @@ This is the HTML template of our custom stepper component:
@@ -117,9 +114,11 @@ If you want to iterate over your steps and use your own custom component you can
```html
just a cell | + @for (element of elements; track element) { +||||
just a cell | -- ${CELL_TEMPLATE} + |
+ ${CELL_TEMPLATE}
- |
+ - {{element.weight}} + |
+ {{element.weight}}
- |
-
Header {{column}} | -{{column}} | -Footer {{column}} | -Header {{column}} | +{{column}} | +Footer {{column}} | +
---|---|---|---|
Header {{column}} | -{{column}} | -Footer {{column}} | -Header {{column}} | +{{column}} | +Footer {{column}} | +
---|---|---|---|
No. | First name | Middle name | Last name |
{{person.id}} | -- {{person.firstName}} - - - - - | - -- {{person.middleName}} - - - - - | - -- {{person.lastName}} - - - - - | -
{{person.id}} | + ++ {{person.firstName}} + + + + + | + ++ {{person.middleName}} + + + + + | + ++ {{person.lastName}} + + + + + | +
native input
mat-checkbox
Single select with mat-checkbox
with trackBy
- Your appointment is scheduled for {{formatAppointment() | json}} -
+@if (appointment[0]) { ++ Your appointment is scheduled for {{formatAppointment() | json}} +
+} diff --git a/src/components-examples/cdk/listbox/cdk-listbox-compare-with/cdk-listbox-compare-with-example.ts b/src/components-examples/cdk/listbox/cdk-listbox-compare-with/cdk-listbox-compare-with-example.ts index 9a1e2103c828..fc79ef4ac178 100644 --- a/src/components-examples/cdk/listbox/cdk-listbox-compare-with/cdk-listbox-compare-with-example.ts +++ b/src/components-examples/cdk/listbox/cdk-listbox-compare-with/cdk-listbox-compare-with-example.ts @@ -1,5 +1,5 @@ import {Component} from '@angular/core'; -import {NgFor, NgIf, JsonPipe} from '@angular/common'; +import {JsonPipe} from '@angular/common'; import {CdkListbox, CdkOption} from '@angular/cdk/listbox'; const today = new Date(); @@ -19,7 +19,7 @@ const formatter = new Intl.DateTimeFormat(undefined, { templateUrl: 'cdk-listbox-compare-with-example.html', styleUrls: ['cdk-listbox-compare-with-example.css'], standalone: true, - imports: [CdkListbox, NgFor, CdkOption, NgIf, JsonPipe], + imports: [CdkListbox, CdkOption, JsonPipe], }) export class CdkListboxCompareWithExample { slots = [12, 13, 14, 15].map( diff --git a/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.html b/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.html index 5cc648351875..391e26f1a7b2 100644 --- a/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.html +++ b/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.html @@ -6,16 +6,18 @@ [formControl]="signCtrl" aria-labelledby="example-zodiac-sign-label" class="example-listbox"> -{{error}}
-{{error}}
+ } +Your zodiac sign is: {{signCtrl.value | json}} diff --git a/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.ts b/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.ts index ff6e9c215d57..a8ca73893fb4 100644 --- a/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.ts +++ b/src/components-examples/cdk/listbox/cdk-listbox-forms-validation/cdk-listbox-forms-validation-example.ts @@ -2,7 +2,7 @@ import {Component} from '@angular/core'; import {FormControl, Validators, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {map} from 'rxjs/operators'; import {Observable} from 'rxjs'; -import {NgFor, NgIf, AsyncPipe, JsonPipe} from '@angular/common'; +import {AsyncPipe, JsonPipe} from '@angular/common'; import {CdkListbox, CdkOption} from '@angular/cdk/listbox'; /** @title Listbox with forms validation. */ @@ -12,16 +12,7 @@ import {CdkListbox, CdkOption} from '@angular/cdk/listbox'; templateUrl: 'cdk-listbox-forms-validation-example.html', styleUrls: ['cdk-listbox-forms-validation-example.css'], standalone: true, - imports: [ - CdkListbox, - FormsModule, - ReactiveFormsModule, - NgFor, - CdkOption, - NgIf, - AsyncPipe, - JsonPipe, - ], + imports: [CdkListbox, FormsModule, ReactiveFormsModule, CdkOption, AsyncPipe, JsonPipe], }) export class CdkListboxFormsValidationExample { signs = [ diff --git a/src/components-examples/cdk/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html b/src/components-examples/cdk/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html index 08b362fb333b..5b5e6f19b386 100644 --- a/src/components-examples/cdk/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html +++ b/src/components-examples/cdk/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html @@ -6,10 +6,8 @@ cdkListboxOrientation="horizontal" aria-labelledby="example-shirt-size-label" class="example-listbox"> -
native input
mat-checkbox
Single select with mat-checkbox
with trackBy
Selected range: {{range.value | json}}
diff --git a/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts b/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts index 2074169d3cfa..b1b4d92a3460 100644 --- a/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts +++ b/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts @@ -1,6 +1,6 @@ import {Component} from '@angular/core'; import {FormGroup, FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; -import {NgIf, JsonPipe} from '@angular/common'; +import {JsonPipe} from '@angular/common'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatNativeDateModule} from '@angular/material/core'; @@ -15,7 +15,6 @@ import {MatNativeDateModule} from '@angular/material/core'; MatDatepickerModule, FormsModule, ReactiveFormsModule, - NgIf, JsonPipe, MatNativeDateModule, ], diff --git a/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.html b/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.html index 208548d84935..1dc59fb2450d 100644 --- a/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.html +++ b/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.html @@ -8,5 +8,7 @@
diff --git a/src/components-examples/material/list/list-selection/list-selection-example.ts b/src/components-examples/material/list/list-selection/list-selection-example.ts
index 2d5c04ecb1a5..2209654a7771 100644
--- a/src/components-examples/material/list/list-selection/list-selection-example.ts
+++ b/src/components-examples/material/list/list-selection/list-selection-example.ts
@@ -1,5 +1,4 @@
import {Component} from '@angular/core';
-import {NgFor} from '@angular/common';
import {MatListModule} from '@angular/material/list';
/**
@@ -9,7 +8,7 @@ import {MatListModule} from '@angular/material/list';
selector: 'list-selection-example',
templateUrl: 'list-selection-example.html',
standalone: true,
- imports: [MatListModule, NgFor],
+ imports: [MatListModule],
})
export class ListSelectionExample {
typesOfShoes: string[] = ['Boots', 'Clogs', 'Loafers', 'Moccasins', 'Sneakers'];
diff --git a/src/components-examples/material/list/list-single-selection/list-single-selection-example.html b/src/components-examples/material/list/list-single-selection/list-single-selection-example.html
index c08d6106d477..0c653bd3b6da 100644
--- a/src/components-examples/material/list/list-single-selection/list-single-selection-example.html
+++ b/src/components-examples/material/list/list-single-selection/list-single-selection-example.html
@@ -1,7 +1,7 @@
diff --git a/src/components-examples/material/list/list-single-selection/list-single-selection-example.ts b/src/components-examples/material/list/list-single-selection/list-single-selection-example.ts index c9a06a75e45c..c848f921fe8c 100644 --- a/src/components-examples/material/list/list-single-selection/list-single-selection-example.ts +++ b/src/components-examples/material/list/list-single-selection/list-single-selection-example.ts @@ -1,5 +1,4 @@ import {Component} from '@angular/core'; -import {NgFor} from '@angular/common'; import {MatListModule} from '@angular/material/list'; /** @@ -9,7 +8,7 @@ import {MatListModule} from '@angular/material/list'; selector: 'list-single-selection-example', templateUrl: 'list-single-selection-example.html', standalone: true, - imports: [MatListModule, NgFor], + imports: [MatListModule], }) export class ListSingleSelectionExample { typesOfShoes: string[] = ['Boots', 'Clogs', 'Loafers', 'Moccasins', 'Sneakers']; diff --git a/src/components-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.html b/src/components-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.html index 1e658b2cced3..100f7afff8fc 100644 --- a/src/components-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.html +++ b/src/components-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.html @@ -35,18 +35,22 @@
Selected food: {{selectedValue}}
@@ -14,9 +14,9 @@Selected car: {{selectedCar}}
diff --git a/src/components-examples/material/select/select-form/select-form-example.ts b/src/components-examples/material/select/select-form/select-form-example.ts index 5e87a68ea320..e06de0971da4 100644 --- a/src/components-examples/material/select/select-form/select-form-example.ts +++ b/src/components-examples/material/select/select-form/select-form-example.ts @@ -1,6 +1,5 @@ import {Component} from '@angular/core'; import {MatInputModule} from '@angular/material/input'; -import {NgFor} from '@angular/common'; import {MatSelectModule} from '@angular/material/select'; import {MatFormFieldModule} from '@angular/material/form-field'; import {FormsModule} from '@angular/forms'; @@ -22,7 +21,7 @@ interface Car { selector: 'select-form-example', templateUrl: 'select-form-example.html', standalone: true, - imports: [FormsModule, MatFormFieldModule, MatSelectModule, NgFor, MatInputModule], + imports: [FormsModule, MatFormFieldModule, MatSelectModule, MatInputModule], }) export class SelectFormExample { selectedValue: string; diff --git a/src/components-examples/material/select/select-harness/select-harness-example.html b/src/components-examples/material/select/select-harness/select-harness-example.html index e41f610c08d1..687e19334a62 100644 --- a/src/components-examples/material/select/select-harness/select-harness-example.html +++ b/src/components-examples/material/select/select-harness/select-harness-example.html @@ -1,8 +1,8 @@You selected: {{selectedFood}}
@@ -13,8 +15,10 @@You selected: {{selectedCar}}
diff --git a/src/components-examples/material/select/select-initial-value/select-initial-value-example.ts b/src/components-examples/material/select/select-initial-value/select-initial-value-example.ts index 0688b7f3539f..dfa6782a0eef 100644 --- a/src/components-examples/material/select/select-initial-value/select-initial-value-example.ts +++ b/src/components-examples/material/select/select-initial-value/select-initial-value-example.ts @@ -1,7 +1,6 @@ import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatInputModule} from '@angular/material/input'; -import {NgFor} from '@angular/common'; import {MatSelectModule} from '@angular/material/select'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -22,7 +21,7 @@ interface Car { selector: 'select-initial-value-example', templateUrl: 'select-initial-value-example.html', standalone: true, - imports: [MatFormFieldModule, MatSelectModule, NgFor, MatInputModule, FormsModule], + imports: [MatFormFieldModule, MatSelectModule, MatInputModule, FormsModule], }) export class SelectInitialValueExample { foods: Food[] = [ diff --git a/src/components-examples/material/select/select-multiple/select-multiple-example.html b/src/components-examples/material/select/select-multiple/select-multiple-example.html index 2f617c7221fc..1387a62bd98c 100644 --- a/src/components-examples/material/select/select-multiple/select-multiple-example.html +++ b/src/components-examples/material/select/select-multiple/select-multiple-example.html @@ -1,6 +1,8 @@Selected: {{foodControl.value}}
@@ -15,9 +15,9 @@Selected: {{carControl.value}}
diff --git a/src/components-examples/material/select/select-reactive-form/select-reactive-form-example.ts b/src/components-examples/material/select/select-reactive-form/select-reactive-form-example.ts index 816341b06dff..67f07d8003ba 100644 --- a/src/components-examples/material/select/select-reactive-form/select-reactive-form-example.ts +++ b/src/components-examples/material/select/select-reactive-form/select-reactive-form-example.ts @@ -1,7 +1,6 @@ import {Component} from '@angular/core'; import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatInputModule} from '@angular/material/input'; -import {NgFor} from '@angular/common'; import {MatSelectModule} from '@angular/material/select'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -22,14 +21,7 @@ interface Car { selector: 'select-reactive-form-example', templateUrl: 'select-reactive-form-example.html', standalone: true, - imports: [ - FormsModule, - ReactiveFormsModule, - MatFormFieldModule, - MatSelectModule, - NgFor, - MatInputModule, - ], + imports: [FormsModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule, MatInputModule], }) export class SelectReactiveFormExample { foods: Food[] = [ diff --git a/src/components-examples/material/select/select-reset/select-reset-example.html b/src/components-examples/material/select/select-reset/select-reset-example.html index e0f734507aab..0b89556937b1 100644 --- a/src/components-examples/material/select/select-reset/select-reset-example.html +++ b/src/components-examples/material/select/select-reset/select-reset-example.html @@ -3,7 +3,9 @@Auto-resizing sidenav
-Lorem, ipsum dolor sit amet consectetur.
+ @if (showFiller) { +Lorem, ipsum dolor sit amet consectetur.
+ } diff --git a/src/components-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.ts b/src/components-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.ts index 8d7cc2a368a0..d6eea4d561e3 100644 --- a/src/components-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.ts +++ b/src/components-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.ts @@ -1,6 +1,5 @@ import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; -import {NgIf} from '@angular/common'; import {MatSidenavModule} from '@angular/material/sidenav'; /** @@ -11,7 +10,7 @@ import {MatSidenavModule} from '@angular/material/sidenav'; templateUrl: 'sidenav-autosize-example.html', styleUrls: ['sidenav-autosize-example.css'], standalone: true, - imports: [MatSidenavModule, NgIf, MatButtonModule], + imports: [MatSidenavModule, MatButtonModule], }) export class SidenavAutosizeExample { showFiller = false; diff --git a/src/components-examples/material/sidenav/sidenav-configurable-focus-trap/sidenav-configurable-focus-trap-example.html b/src/components-examples/material/sidenav/sidenav-configurable-focus-trap/sidenav-configurable-focus-trap-example.html index e9542d34307c..e6b0821ca811 100644 --- a/src/components-examples/material/sidenav/sidenav-configurable-focus-trap/sidenav-configurable-focus-trap-example.html +++ b/src/components-examples/material/sidenav/sidenav-configurable-focus-trap/sidenav-configurable-focus-trap-example.html @@ -1,36 +1,39 @@ -- -
-+ +
+
-
- -
-
+
+ +
+Closed due to: {{reason}}
-Closed due to: {{reason}}
+
-
+
-
+
Events:
-Events:
+{{content}}
-{{content}}
+ } +{{column}} | -{{element[column]}} | -{{column}} | +{{element[column]}} | +|
---|---|---|---|---|
{{column}} | -{{element[column]}} | -{{column}} | +{{element[column]}} | +
---|
- {{column.header}} - | -- {{column.cell(row)}} - | -+ {{column.header}} + | ++ {{column.cell(row)}} + | +
---|---|---|---|
Position | -{{element.position}} | -Position Footer | -
---|
Position | +{{element.position}} | +Position Footer | +Name | -{{element.name}} | -Name Footer | -Name | +{{element.name}} | +Name Footer | +Weight | -{{element.weight}} | -Weight Footer | -Weight | +{{element.weight}} | +Weight Footer | +Symbol | -{{element.symbol}} | -Symbol Footer | -Symbol | +{{element.symbol}} | +Symbol Footer | +Filler header cell | -Filler data cell | -Filler footer cell | -Filler header cell | +Filler data cell | +Filler footer cell | +
---|
@@ -66,21 +67,25 @@
@@ -89,9 +94,9 @@ TOGGLE DISABLED
@@ -141,8 +146,11 @@
Your favorite type of pie is: {{favoritePie}}
Last input: {{lastDateInput}}
@@ -110,10 +126,12 @@Expansion Panel Animation Events
- {{event}}
+ @for (event of events; track event) {
+ {{event}}
+ }
This is the content text that makes sense here.
-I only show if item 1 is expanded
+ @if (item1.expanded) { +I only show if item 1 is expanded
+ }@@ -110,7 +118,9 @@
I only show if item 2 is expanded
+ @if (item2.expanded) { +I only show if item 2 is expanded
+ }@@ -118,7 +128,9 @@
I only show if item 3 is expanded
+ @if (item3.expanded) { +I only show if item 3 is expanded
+ }{{display?.lat}}
-{{display?.lng}}
- -{{display?.lat}}
+{{display?.lng}}
+ +Supported input types: - {{type}}, + @for (type of supportedInputTypes; track type) { + {{type}}, + }
diff --git a/src/dev-app/portal/portal-demo.html b/src/dev-app/portal/portal-demo.html index bdb0e648447c..e6aaefc7b2c8 100644 --- a/src/dev-app/portal/portal-demo.html +++ b/src/dev-app/portal/portal-demo.html @@ -21,7 +21,7 @@Your favorite season is: {{favoriteSeason}}
@@ -73,9 +75,11 @@
Value: {{ currentPokemon }}
@@ -85,7 +89,9 @@@@ -104,9 +110,9 @@
Value: {{ currentDrinkObject | json }}
@@ -174,9 +181,9 @@Value: {{ foodControl.value }}
-Touched: {{ foodControl.touched }}
-Dirty: {{ foodControl.dirty }}
-Status: {{ foodControl.status }}
- - - -Value: {{ foodControl.value }}
+Touched: {{ foodControl.touched }}
+Dirty: {{ foodControl.dirty }}
+Status: {{ foodControl.status }}
+ + + +Change event value: {{ latestChangeEvent?.value }}
-Change event value: {{ latestChangeEvent?.value }}
+Show button on snack bar
-Show button on snack bar
+ }Auto hide after duration
-Auto hide after duration
+ }
diff --git a/src/dev-app/stepper/stepper-demo.html b/src/dev-app/stepper/stepper-demo.html
index 9b6004bb2d8d..1dd2a5e94cda 100644
--- a/src/dev-app/stepper/stepper-demo.html
+++ b/src/dev-app/stepper/stepper-demo.html
@@ -16,7 +16,9 @@
Position | -{{element.position}} | -Position Footer | -
---|
Position | +{{element.position}} | +Position Footer | +Name | -{{element.name}} | -Name Footer | -Name | +{{element.name}} | +Name Footer | +Weight | -{{element.weight}} | -Weight Footer | -Weight | +{{element.weight}} | +Weight Footer | +Symbol | -{{element.symbol}} | -Symbol Footer | -Symbol | +{{element.symbol}} | +Symbol Footer | +Filler header cell | -Filler data cell | -Filler footer cell | -Filler header cell | +Filler data cell | +Filler footer cell | +
---|
{{folder.updated}}
-{{folder.updated}}
+ @if (!$last) { +{{note.updated}}
-{{note.updated}}
+Content
-Content
+- {{message.subject}} - -- {{message.content}} -
-+ {{message.subject}} + -- {{message.content}} +
+{{message.subject}}
-{{message.content}}
-{{message.subject}}
+{{message.content}}
+- {{message.subject}} - -- {{message.content}} -
-+ {{message.subject}} + -- {{message.content}} +
+- {{message.subject}} - -- {{message.content}} -
-+ {{message.subject}} + -- {{message.content}} +
+{{folder.updated}}
-{{folder.updated}}
+{{note.updated}}
-{{note.updated}}
+{{item.description}}
-{{item.description}}
+{{item.description}}
-Some other text
-{{item.description}}
+Some other text
+Line 2
-Line 3
-Line 4
-Line 2
+Line 3
+Line 4
+{{item.description}}
-{{item.description}}
+{{item.description}}
-Some other text
-{{item.description}}
+ @if (showThirdLine) { +Some other text
+ } +