Updating production for 21.1

.github/workflows/build-en.yml

@@ -0,0 +1,103 @@
+name: Build English Documentation
+
+permissions:
+  contents: write
+
+on:
+  push:
+    branches:
+      - vnext
+      - master
+    paths-ignore:
+      - '**/jp/**'
+      - '**/kr/**'
+  workflow_dispatch:
+    inputs:
+      branch:
+        description: 'Branch to checkout'
+        type: string
+        default: ''
+      isVerbose:
+        description: 'Get verbose output from steps - where configurable'
+        type: boolean
+        default: false
+      shouldCleanPostExecution:
+        description: 'Clean all pipeline dirs after the pipeline finishes?'
+        type: boolean
+        default: true
+
+env:
+  BUILD_TYPE: ${{ github.ref_name == 'master' && 'production' || 'staging' }}
+  TARGET_REF: ${{ github.event.inputs.branch && (startsWith(github.event.inputs.branch, 'refs/') && github.event.inputs.branch || format('refs/heads/{0}', github.event.inputs.branch)) || github.ref }}
+
+jobs:
+  build:
+    name: Build Job
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ env.TARGET_REF }}
+          clean: true
+          fetch-tags: true
+          fetch-depth: 0
+
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+
+      - name: Setup .NET Core SDK 6.x
+        uses: actions/setup-dotnet@v4
+        with:
+          dotnet-version: '6.x'
+
+      - name: Install dependencies
+        run: npm ci --production=false ${{ github.event.inputs.isVerbose == 'true' && '--verbose' || '' }}
+
+      - name: Build English documentation
+        run: npm run build-${{ env.BUILD_TYPE }} -- --lang=en ${{ github.event.inputs.isVerbose == 'true' && '--verbose' || '' }}
+
+      - name: Package English build
+        run: |
+          cd en/_site
+          zip -r ../../${{ env.BUILD_TYPE }}_en.zip .
+          cd ../..
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: IgniteUIDocFX-en
+          path: ${{ env.BUILD_TYPE }}_en.zip
+          retention-days: 1
+
+      - name: Clean workspace
+        if: ${{ github.event.inputs.shouldCleanPostExecution == 'true' || github.event_name == 'push' }}
+        run: |
+          git clean -ffdx
+          git reset --hard
+
+      - name: Trigger Deploy Workflow in IgniteUI Actions
+        uses: actions/github-script@v8
+        with:
+          github-token: ${{ secrets.CLASSIC_PAT_GITHUB }}
+          script: |
+            await github.rest.repos.createDispatchEvent({
+              owner: 'IgniteUI',
+              repo: 'igniteui-actions',
+              event_type: 'igniteui-docfx-cd',
+              client_payload: {
+                calling_branch: "${{ env.TARGET_REF }}",
+                repository: "${{ github.repository }}",
+                run_id: "${{ github.run_id }}",
+                artifact_name: "IgniteUIDocFX-en",
+                base_href: "angular-samples",
+                platform: "angular",
+                locale: "en",
+                ref: "${{ github.ref }}",
+                sha: "${{ github.sha }}",
+                branch: '${{ github.ref_name }}',
+              }
+            });

.github/workflows/build-jp-kr.yml

@@ -0,0 +1,113 @@
+name: Build Japanese and Korean Documentation
+
+permissions:
+  contents: write
+
+on:
+  push:
+    branches:
+      - vnext
+      - master
+    paths-ignore:
+      - '**/en/**'
+  workflow_dispatch:
+    inputs:
+      branch:
+        description: 'Branch to checkout'
+        type: string
+        default: ''
+      isVerbose:
+        description: 'Get verbose output from steps - where configurable'
+        type: boolean
+        default: false
+      shouldCleanPostExecution:
+        description: 'Clean all pipeline dirs after the pipeline finishes?'
+        type: boolean
+        default: true
+
+env:
+  BUILD_TYPE: ${{ github.ref_name == 'master' && 'production' || 'staging' }}
+  TARGET_REF: ${{ github.event.inputs.branch && (startsWith(github.event.inputs.branch, 'refs/') && github.event.inputs.branch || format('refs/heads/{0}', github.event.inputs.branch)) || github.ref }}
+
+jobs:
+  build:
+    name: Build Job
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ env.TARGET_REF }}
+          clean: true
+          fetch-tags: true
+          fetch-depth: 0
+
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+
+      - name: Setup .NET Core SDK 6.x
+        uses: actions/setup-dotnet@v4
+        with:
+          dotnet-version: '6.x'
+
+      - name: Install dependencies
+        run: npm ci --production=false ${{ github.event.inputs.isVerbose == 'true' && '--verbose' || '' }}
+
+      - name: Build Japanese documentation
+        run: npm run build-${{ env.BUILD_TYPE }} -- --lang=jp ${{ github.event.inputs.isVerbose == 'true' && '--verbose' || '' }}
+
+      - name: Package Japanese build
+        run: |
+          cd jp/_site
+          zip -r ../../${{ env.BUILD_TYPE }}_jp.zip .
+          cd ../..
+
+      - name: Build Korean documentation
+        run: npm run build-${{ env.BUILD_TYPE }} -- --lang=kr ${{ github.event.inputs.isVerbose == 'true' && '--verbose' || '' }}
+
+      - name: Package Korean build
+        run: |
+          cd kr/_site
+          zip -r ../../${{ env.BUILD_TYPE }}_kr.zip .
+          cd ../..
+
+      - name: Upload artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: IgniteUIDocFX-jp-kr
+          path: |
+            ${{ env.BUILD_TYPE }}_jp.zip
+#           ${{ env.BUILD_TYPE }}_kr.zip
+          retention-days: 1
+
+      - name: Clean workspace
+        if: ${{ github.event.inputs.shouldCleanPostExecution == 'true' || github.event_name == 'push' }}
+        run: |
+          git clean -ffdx
+          git reset --hard
+
+      - name: Trigger Deploy Workflow in IgniteUI Actions
+        uses: actions/github-script@v8
+        with:
+          github-token: ${{ secrets.CLASSIC_PAT_GITHUB }}
+          script: |
+            await github.rest.repos.createDispatchEvent({
+              owner: 'IgniteUI',
+              repo: 'igniteui-actions',
+              event_type: 'igniteui-docfx-cd',
+              client_payload: {
+                calling_branch: "${{ env.TARGET_REF }}",
+                repository: "${{ github.repository }}",
+                run_id: "${{ github.run_id }}",
+                artifact_name: "IgniteUIDocFX-jp-kr",
+                base_href: "angular-samples",
+                platform: "angular",
+                locale: "jp",
+                ref: "${{ github.ref }}",
+                sha: "${{ github.sha }}",
+                branch: '${{ github.ref_name }}',
+              }
+            });

azure-pipelines/azure-pipelines-en.yml

@@ -1,14 +1,4 @@
-trigger:
-  branches:
-    include:
-      - vnext
-      - master
-  paths:
-    exclude:
-      - '**/jp/*'
-      - '**/kr/*'
-
-# This pipeline is meant to build specific branches for deployment. It's not meant to be a part of PR validation. Ensure that this pipeline is reserved for deployment purposes.
+trigger: none
 pr: none
 
 name: $(BuildDefinitionName)_$(Year:yyyy).$(Month).$(DayOfMonth)$(Rev:.r)

azure-pipelines/azure-pipelines-jp-kr.yml

@@ -1,13 +1,4 @@
-trigger:
-  branches:
-    include:
-      - vnext
-      - master
-  paths:
-    exclude:
-      - '**/en/*'
-
-# This pipeline is meant to build specific branches for deployment. It's not meant to be a part of PR validation. Ensure that this pipeline is reserved for deployment purposes.
+trigger: none
 pr: none
 
 name: $(BuildDefinitionName)_$(Year:yyyy).$(Month).$(DayOfMonth)$(Rev:.r)

cspell.json

@@ -249,6 +249,7 @@
     "artboard",
     "antumbra",
     "NOAA",
+    "Noto",
     "coalescences",
     "Lambo",
     "valuekey",
@@ -258,6 +259,7 @@
     "INPC",
     "batchediting",
     "updateparameters",
-    "alldata"
+    "alldata",
+    "subtag"
   ]
 }

en/components/combo-features.md

@@ -215,7 +215,7 @@ export class ComboDemo {
 
 <div class="divider--half"></div>
 
-## API Summary
+## API References
 
 <div class="divider--half"></div>
 

en/components/combo-remote.md

@@ -229,7 +229,7 @@ When using a combobox bound to remote data loaded in chunks and dealing with a m
 
 When the combobox is bound to remote data, setting value/selected items through API will only take into account the items that are loaded in the current chunk. If you want to set an initial value, make sure those specific items are loaded before selecting.
 
-## API Summary
+## API References
 
 <div class="divider--half"></div>
 

en/components/combo-templates.md

@@ -154,7 +154,8 @@ When used with templates, the `igxComboClearIcon` and the `igxComboToggleIcon` s
 </igx-combo>
 ```
 
-## API Summary
+## API References
+
 
 <div class="divider--half"></div>
 

en/components/combo.md

@@ -248,6 +248,16 @@ When combobox is closed and focused:
 
 - `ArrowDown` or `Alt` + `ArrowDown` will open the combobox's drop down and will move focus to the search input.
 
+- `Esc` will clear the selected value(s) while keeping focus on the combobox.
+
+- `Tab` will move the focus to the next focusable element outside the combobox.
+
+When combobox is opened:
+
+- `Esc` will close the list and keep the focus on the combobox.
+
+- `Tab` will close the list and move focus to the next focusable element.
+
 When combobox is opened and search input is focused:
 
 - `ArrowUp` or `Alt` + `ArrowUp` will close the combobox's drop down and will move focus to the closed combobox.
@@ -271,8 +281,6 @@ When combobox is opened and list item is focused:
 
 - `Enter` will confirm the already selected items and will close the list.
 
-- `Esc` will close the list.
-
 When combobox is opened, allow custom values are enabled and add item button is focused:
 
 - `Enter` will add a new item with `valueKey` and `displayKey` equal to the text in the search input and will select the new item.
@@ -450,7 +458,7 @@ At the end your combo should look like this:
 > [!NOTE]
 > The combobox uses `igxForOf` directive internally hence all `igxForOf` limitations are valid for the combobox. For more details see [`igxForOf Known Issues`](for-of.md#known-limitations) section.
 
-## API Summary
+## API References
 
 <div class="divider--half"></div>
 

en/components/dialog.md

@@ -361,7 +361,7 @@ The last step is to **include** the component theme in our application.
 
 <div class="divider--half"></div>
 
-## API Summary
+## API References
 
 <div class="divider--half"></div>
 

en/components/dock-manager.md

@@ -45,11 +45,11 @@ import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 export class AppModule {}
 ```
 
-Next, one should call the `defineCustomElements()` function in the `main.ts` file:
+Next, one should call the `defineComponents()` function in the `main.ts` file:
 
 ```typescript
 import { AppModule } from './app/app.module';
-import { defineCustomElements } from 'igniteui-dockmanager/loader';
+import { defineComponents } from 'igniteui-dockmanager';
 import { enableProdMode } from '@angular/core';
 import { environment } from '.environments/environment';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@@ -61,7 +61,7 @@ if (environment.production) {
 platformBrowserDynamic().bootstrapModule(AppModule)
     .catch(err => console.log(err));
 
-defineCustomElements();
+defineComponents(IgcDockManagerComponent);
 ```
 
 This is it, you are now ready to use the Dock Manager component in an Angular component template. To do so simply use its tag name:

en/components/drop-down.md

@@ -653,7 +653,7 @@ The last step is to pass the custom drop-down theme to a class or element select
 
 <div class="divider--half"></div>
 
-## API Summary
+## API References
 
 - [IgxDropDownComponent]({environment:angularApiUrl}/classes/igxdropdowncomponent.html)
 - [IgxDropDownComponent Styles]({environment:sassApiUrl}/themes#function-drop-down-theme)

en/components/exporter-csv.md

@@ -164,7 +164,7 @@ this.csvExportService.export(this.igxGrid1, new IgxCsvExporterOptions('ExportedD
 
 When you are exporting data from [**IgxGrid**](grid/grid.md) the export process takes in account features like row filtering and column hiding and exports only the data visible in the grid. You can configure the exporter service to include filtered rows or hidden columns by setting properties on the [`IgxCsvExporterOptions`]({environment:angularApiUrl}/classes/igxcsvexporteroptions.html) object. These properties are described in the table below.
 
-## API Summary
+## API References
 
 The CSV Exporter service has a few more APIs to explore, which are listed below.