Merge branch 'master' into rkolev/tabsBottomNavRouterSupport

Author: rmkrmk

CHANGELOG.md

@@ -1,33 +1,50 @@
 # Ignite UI for Angular Change Log
 
 All notable changes for each version of this project will be documented in this file.
+## 7.3.1
+- `Pager`
+    - **Behavioral Change** - The pager is now hidden when there are no records in the grid.
+
+## 7.3.1
+- `IgxGrid` Custom keyboard navigation
+    - `onFocusChange` event is deprecated.
+    - `onGridKeydown` event is exposed which is emitted when `keydown` is triggered over element inside grid's body
+    - `navigateTo` method allows you to navigate to a position in the grid based on provided `rowindex` and `visibleColumnIndex`, also to execute a custom logic over the target element through a callback function that accepts `{ targetType: GridKeydownTargetType, target: Object }`
+    - `getNextCell` returns `ICellPosition` which defines the next cell, according to the current position, that match specific criteria. You can pass callback function as a third parameter of `getPreviousCell` method
+    - `getPreviousCell` returns `ICellPosition` which defines the previous cell, according to the current position, that match specific criteria. You can pass callback function as a third parameter of `getPreviousCell` method.
 
 ## 7.3.0
 
 ### Features
-- **New feature** `igxGridComponent` now supports [Multi Row Layouts](https://github.com/IgniteUI/igniteui-angular/wiki/Grid---Multi-Row-Layout). It is configured with the newly added `IgxColumnLayoutComponent` and the columns in it. `IgxColumnComponent` now expose four new fields to determine the size and the location of the field into the layout:
-    - [`colStart`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#colstart) - column index from which the field is starting. This property is **mandatory**.
-    - [`rowStart`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#rowstart) - row index from which the field is starting. This property is **mandatory**.
-    - [`colEnd`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#colend) - column index where the current field should end. The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field. This property is **optional**. If not set defaults to `colStart + 1`.
-    - [`rowEnd`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#rowend) - row index where the current field should end. The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field. This property is **optional**. If not set defaults to `rowStart + 1`.
-    ```html
-    <igx-column-layout>
-        <igx-column [rowStart]="1" [colStart]="1" field="Country"></igx-column>
-        <igx-column [rowStart]="1" [colStart]="2" field="City"></igx-column>
-        <igx-column [rowStart]="2" [colStart]="1" [colEnd]="3" field="Address"></igx-column>
-    </igx-column-layout>
-    ```
-- **New feature** `igxGridComponent` now supports [Grid Row Dragging ](https://github.com/IgniteUI/igniteui-angular/wiki/Row-Dragging). It lets users pass the data of a grid record on to another surface, which has been configured to process/render this data. It can be enabled by using the `rowDraggable` input of the grid.
+- `igxGrid`
+    - **Feature** `igxGridComponent` now supports [Multi Row Layouts](https://github.com/IgniteUI/igniteui-angular/wiki/Grid---Multi-Row-Layout). It is configured with the newly added `IgxColumnLayoutComponent` and the columns in it. `IgxColumnComponent` now expose four new fields to determine the size and the location of the field into the layout:
+        - [`colStart`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#colstart) - column index from which the field is starting. This property is **mandatory**.
+         - [`rowStart`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#rowstart) - row index from which the field is starting. This property is **mandatory**.
+         - [`colEnd`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#colend) - column index where the current field should end. The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field. This property is **optional**. If not set defaults to `colStart + 1`.
+         - [`rowEnd`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#rowend) - row index where the current field should end. The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field. This property is **optional**. If not set defaults to `rowStart + 1`.
+         ```html
+        <igx-column-layout>
+             <igx-column [rowStart]="1" [colStart]="1" field="Country"></igx-column>
+             <igx-column [rowStart]="1" [colStart]="2" field="City"></igx-column>
+             <igx-column [rowStart]="2" [colStart]="1" [colEnd]="3" field="Address"></igx-column>
+        </igx-column-layout>
+        ```
+- `igxGrid`, `igxTreeGrid`, `igxHierarchicalGrid`
+    - **Feature** Grid components now supports [Grid Row Dragging ](https://github.com/IgniteUI/igniteui-angular/wiki/Row-Dragging). It lets users pass the data of a grid record on to another surface, which has been configured to process/render this data. It can be enabled by using the `rowDraggable` input of the grid.
 
-- `igxTreeGrid` now supports loading child rows on demand using the newly added `loadChildrenOnDemand` and `hasChildrenKey` input properties.
+    - **Feature** The Excel Style Filter dialog and its sub-dialogs now have a display density based on the `displayDensity` input of their respective grid.
+- `igxTreeGrid` 
+    - **Feature** The `IgxTreeGridComponent` now supports loading child rows on demand using the newly added `loadChildrenOnDemand` and `hasChildrenKey` input properties.
 - `IgxListComponent`
     - **Feature** The `IgxListComponent` now provides the ability to choose a display density from a predefined set of options: **compact**, **cosy** and **comfortable** (default one). It can be set by using the `displayDensity` input of the list.
 - `igxButton`
     - **Feature** The `igxButton` now provides the ability to choose a display density from a predefined set of options: **compact**, **cosy** and **comfortable** (default one). It can be set by using the `displayDensity` input of the button directive.
+- `igxButtonGroup`
+    - **Feature** The `igxButtonGroup` now provides the ability to choose a display density from a predefined set of options: **compact**, **cosy** and **comfortable** (default one). It can be set by using the `displayDensity` input of the button group. The buttons within the group will have the same density as the button group. If a button has the `displayDensity` set in the template, it is not changed by the density of the group where the button is placed.
 - `igxGrid`, `igxTreeGrid`, `igxHierarchicalGrid`
     - **Feature** The Excel Style Filter dialog and its sub-dialogs now have a display density based on the `displayDensity` input of their respective grid.
 - `IgxDropDown`
-    - now supports virtualized items. Use in conjuction with `IgxForOf` directive, with the following syntax, to display very large list of data:
+    - now supports virtualized items. Use in conjunction with `IgxForOf` directive, with the following syntax, to display very large list of data:
     ```html
     <igx-drop-down>
         <div class="wrapping-div">
@@ -44,7 +61,7 @@ All notable changes for each version of this project will be documented in this
     - **Feature** The `groupsRecords` property now returns the full grouping tree as in 7.1 and also includes the grouping information for all pages.
 
 ## 7.2.5
-- `igxDrop` 
+- `igxDrop`
     - `onEnter`, `onLeave` and `onDrop` events now have new arguments for `originalEvent`, `offsetX` and `offsetY` relative to the container the igxDrop is instanced.
 - `IgxList`
     - **Feature** the `index` property is now an `@Input` and can be assigned by structural directives such as `*igxFor`.
@@ -77,9 +94,9 @@ All notable changes for each version of this project will be documented in this
 ### New feature
 - [Multi-cell selection](https://github.com/IgniteUI/igniteui-angular/wiki/Grid-Multi-cell-selection-Specification) - Enables range selection of cells in the grid.
 
-### Grids Performance improvements 
+### Grids Performance improvements
 - Grid rendering speed
-- Grid grouping rendering speed 
+- Grid grouping rendering speed
 - Grid vertical scrolling using the scroll arrows
 - Grid horizontal scrolling using the scroll arrows
 - Grid cell focusing time
@@ -118,7 +135,7 @@ All notable changes for each version of this project will be documented in this
 - Update child summaries correctly when CRUD operations are performed #4408
 - Add igxQuickFilterTemplate directive #4377
 - Resizing: move resize handle logic in a directive #4378
-- No event emitted when column is unpinned #3799 
+- No event emitted when column is unpinned #3799
 - When update a cell in the grouped column the child summaries are not updated #4324
 - Column Group border is misaligned with its children's in some cases #4387
 - Expanding last row of HierarchicalGrid via keyboard(Alt + downArrow) leads to cell losing its focus. #4080
@@ -129,7 +146,7 @@ All notable changes for each version of this project will be documented in this
 ## 7.2.2
 ### Features
 - **Components' Display Type** - All components now have their CSS display property explicitly set on the host element to ensure width, padding, and margins are applied when set directly on the host selectors.
-- **Themes** 
+- **Themes**
     - Add support for gradients and images as values for component themes via the component theme functions.
     - `Palettes` - added surface color to the palette. The surface color is used by cards, pickers, dialog windows, etc. as the default background.
 
@@ -354,13 +371,13 @@ All notable changes for each version of this project will be documented in this
 - IgxCombo - Keyboard navigation ArrowDown stutters on chunk load #3999
 - Row editing overlay banner not shown when enter row editing #4117
 - IgxToggle open method always tries to get id even when it has one #3971
-- Last (right-aligned) column is cut off when no widths are set for the columns #3396 
+- Last (right-aligned) column is cut off when no widths are set for the columns #3396
 - The selection in the last grid column does not span in the whole cell. #1115
 - Last column header is a bit wider than the cells #1230
 
 ## 7.1.11
 ### Improvements
-- Row and Cell editing Docs improvements #4055 
+- Row and Cell editing Docs improvements #4055
 
 ## 7.1.10
 ### Features

angularDocsPostDeploy.ps1

@@ -0,0 +1,75 @@
+Write-Host "angularDocsRoot value is: " $angularDocsRoot; #angularDocsRoot octo variable
+$isLatest = "VariableIsLatest";
+$tag = "VariableValue";
+$path = $angularDocsRoot;
+$newPath = $path -replace $tagFolder, $tag #tagFolder octo variable
+$angularDocsRootFolder = [System.IO.Directory]::GetParent($angularDocsRoot);
+Write-Host "newPath is:" $newPath;
+
+#######Delete all other folders starting with <AngularMajor>.<Major>########
+#######Since we are going to keep the latest and greatest########
+$lastDot = $tag.LastIndexOf('.');
+$filter = $tag.Substring(0,$lastDot);
+$foldersToDel = Get-ChildItem -Path $angularDocsRootFolder -Directory -Filter $filter*
+Write-Host "Folders to delete: " $foldersToDel
+
+try {
+foreach($f in $foldersToDel){
+    if([System.IO.Directory]::Exists($f.FullName)) 
+        { Write-Host $f.FullName " to be deleted!"
+        Remove-Item $f.FullName -Recurse -Force } }
+    }
+catch { Write-Host "Exception while deleting the old folders" }
+
+New-Item -Path $newPath -ItemType Directory -Force
+Copy-Item -Path $path\* -Destination $newPath -Recurse -Force
+
+###Add metatag inside index.html files' head section
+$indexFiles = Get-ChildItem -Path $newPath -File -Recurse -Filter index.html
+foreach($indexFile in $indexFiles) {
+    $newText = [System.IO.File]::ReadAllText($indexFile.FullName).Replace("</head>", "    <meta name=`"robots`" content=`"noindex,nofollow`">
+</head>");
+    [System.IO.File]::WriteAllText($indexFile.FullName, $newText);
+}
+
+############Update the angular-docs/sass and typescript folders if isLatest flag is true###########
+if($isLatest) {
+    $sassFolder = $path + "\sass";
+    $typeScriptFolder = $path + "\typescript";
+
+    $sassFolderToUpdate = $path + "\..\sass";
+    $typeScriptFolderToUpdate = $path + "\..\typescript";
+    Write-Host "[Latest] sassFolderToUpdate is:" $sassFolderToUpdate;
+    Write-Host "[Latest] typeScriptFolderToUpdate is:" $typeScriptFolderToUpdate;
+
+    #Delete the existing content as octopus option - delete all before deployment
+    try {
+        Remove-Item $sassFolderToUpdate\* -Recurse -Force
+        Remove-Item $typeScriptFolderToUpdate\* -Recurse -Force }
+    catch { Write-Host "Exception while deleting the $sassFolderToUpdate or $typeScriptFolderToUpdate" }
+
+    New-Item -Path $sassFolderToUpdate\latest -ItemType Directory -Force
+    Copy-Item -Path $sassFolder\* -Destination $sassFolderToUpdate\latest -Recurse -Force
+
+    New-Item -Path $typeScriptFolderToUpdate\latest -ItemType Directory -Force
+    Copy-Item -Path $typeScriptFolder\* -Destination $typeScriptFolderToUpdate\latest -Recurse -Force
+}
+
+###########Json file content Update###########
+$filePath = $jsonFile; #jsonFile octo variable
+Write-Host "Check file exists: " ([System.IO.File]::Exists($filePath))
+Write-Host "Check dir exists:" ([System.IO.Directory]::Exists($angularDocsRootFolder));
+
+if([System.IO.File]::Exists($filePath) -and [System.IO.Directory]::Exists($angularDocsRootFolder)) {
+    $folders = Get-ChildItem -Path $angularDocsRootFolder -Directory -Exclude $tagFolder,"sass","typescript";
+    $textToUpdate = "";
+    foreach($item in $folders) {
+        $textToUpdate += '"' + $item.Name + '"'; 
+    }
+    $textToUpdate = "[" +  $textToUpdate.Replace("`"`"","`"`,`"") + "]" ;
+    Write-Host $textToUpdate;
+
+    $content = [System.IO.File]::ReadAllText($filePath);
+    $newContent = $content -replace "\[.*\]", $textToUpdate;
+    [System.IO.File]::WriteAllText($filePath,$newContent);
+}

extras/docs/themes/sassdoc/index.js

@@ -124,7 +124,7 @@ const theme = themeleon(__dirname, function (t) {
                 return config ? config.versions : '';
             },
             getLang: () => {
-                return process.env.SASSDOC_LANG;
+                return process.env.SASSDOC_LANG.trim();
             },
             ifCond: (v1, operator, v2, options) => {
                 switch (operator) {

extras/docs/themes/sassdoc/views/index.hbs

@@ -1,18 +1,21 @@
 <!DOCTYPE html>
-<html lang="{{getLang}}">
+<html lang="{{lang}}">
     <head>
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>Ignite UI for Angular | Sass Documentation</title>
 
-        <link rel="canonical" href="{{baseURl 'sassdoc_default_url' 'en'}}" />
-        <link rel="canonical" href="{{baseURl 'sassdoc_default_url' 'jp'}}" />
+        {{#ifCond lang '==' 'en'}}
+            <link rel="canonical" href="{{baseURl 'sassdoc_default_url' 'en'}}" />
+            <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'en'}}" hreflang="en" />
+            <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'en'}}" hreflang="en-us" />
+        {{else}}
+            <link rel="canonical" href="{{baseURl 'sassdoc_default_url' 'jp'}}" />
+            <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'jp'}}" hreflang="ja" />
+            <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'jp'}}" hreflang="ja-jp" />
+        {{/ifCond}}
 
-        <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'en'}}" hreflang="en" />
-        <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'en'}}" hreflang="en-us" />
-        <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'jp'}}" hreflang="ja" />
-        <link rel="alternate" href="{{baseURl 'sassdoc_default_url' 'jp'}}" hreflang="ja-jp" />
 
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
         <link rel="stylesheet" href="https://infragistics.com/assets/modern/css/layout.css">
@@ -54,6 +57,7 @@
     <!-- End Google Tag Manager (noscript) -->
 
         {{> header}}
+        <div>{{getLang}}</div>
 
         <script src="assets/js/versioning/tag-versions.req.js"></script>
     {{!

extras/docs/themes/typedoc/src/layouts/default.hbs

@@ -7,13 +7,15 @@
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="canonical" href="{{getConfigData 'typedoc_default_url' 'en'}}{{url}}" />
-    <link rel="canonical" href="{{getConfigData 'typedoc_default_url' 'jp'}}{{url}}" />
-
-    <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'en'}}{{url}}" hreflang="en" />
-    <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'en'}}{{url}}" hreflang="en-us" />
-    <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'jp'}}{{url}}" hreflang="ja" />
-    <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'jp'}}{{url}}" hreflang="ja-jp" />
+    {{#ifCond settings.localize '===' 'en'}}
+        <link rel="canonical" href="{{getConfigData 'typedoc_default_url' 'en'}}{{url}}" />
+        <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'en'}}{{url}}" hreflang="en" />
+        <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'en'}}{{url}}" hreflang="en-us" />
+    {{else}}
+        <link rel="canonical" href="{{getConfigData 'typedoc_default_url' 'jp'}}{{url}}" />
+        <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'jp'}}{{url}}" hreflang="ja-jp" />
+        <link rel="alternate" href="{{getConfigData 'typedoc_default_url' 'jp'}}{{url}}" hreflang="ja" />
+    {{/ifCond}}
 
     <link rel="stylesheet" href="https://infragistics.com/assets/modern/css/layout.css">
     <link rel="stylesheet" href="https://infragistics.com/assets/modern/css/animate-custom.css">