Merge remote-tracking branch 'origin/master' into types-refactoring

Author: simeonoff

.vscode/launch.json

@@ -13,7 +13,10 @@
                 "ts-node/register",
                 "./node_modules/jasmine/bin/jasmine.js",
                 "./projects/igniteui-angular/migrations/common/UpdateChanges.spec.ts"
-            ]
+            ],
+            "env": {
+                "TS_NODE_PROJECT": "projects/igniteui-angular/migrations/tsconfig.json"
+            }
         }
     ]
 }

CHANGELOG.md

@@ -22,6 +22,10 @@ All notable changes for each version of this project will be documented in this
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
     - **Breaking Change** - Hierarchical grid children no longer use the same `IgxTransactionService` instance and transaction handling should be modified to address each grid's transactions separately.
     - **Behavioral Change** - Pinning columns is no longer automatically prevented when the pinning area would exceed the size of the grid.
+    - **Breaking Change** - The following input and output have been deprecated for the `igxHierarchicalGrid` and will be removed in future versions:
+        - `hierarchicalState` -> `expansionStates` should be used instead.
+        - `hierarchicalStateChange` -> `expansionStatesChange` should be used instead.
+
     - `igxGridState` directive added to make it easy for developers to save and restore the grid state. The directive exposes the `getState` and `setState` methods to save/restore the state and an `options` input property to exclude features.
 - `IgxCarousel`:
     - **Breaking Changes** -The carousel slides are no longer array, they are changed to QueryList.
@@ -41,7 +45,8 @@ All notable changes for each version of this project will be documented in this
     - **Breaking Changes** - renamed the `danger` getter to `error`;
 - `IgxTabs`:
     - **Breaking Changes** - The `tabsType` input property has been renamed to `type`. It should get renamed in your components via `ng update`;
-
+- `igxOverlay`:
+    - **Behavioural Change** - `igxOverlay` - no longer persists element scrolling `out of the box`. In order to persist an element scroll position after attaching the element to an overlay, handle the exposed `onAppended` overlay event and manage/restore the scroll position.
 
 ### New Features
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`:
@@ -60,6 +65,8 @@ All notable changes for each version of this project will be documented in this
     - `collapsibleIndicatorTemplate` property is introduced to IgxColumnGroupComponent, which allows you to set a custom template for the expand collapse indicator;
     - `igxCollapsibleIndicator` directive has been introduced, which allows you to set a custom template for the expand collapse indicator;
     - `IgxGridExcelStyleFilteringComponent` and `IgxAdvancedFilteringDialogComponent` can now be hosted outside of the grid in order to provide the same experience as the built-in filtering UI.
+    - `expandRow(rowID)`/`collapseRow(rowID)`/`toggleRow(rowID)` API methods are added for the `igxHierarchicalGrid`. They allow expanding/collapsing a row by its id.
+    - `onRowToggle` event is added for the `igxHierarchicalGrid`. It is emitted when the expanded state of a row is changed.
     - `IgxOverlayService`:
         - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
     - `IgxToggleDirective`:
@@ -88,8 +95,8 @@ All notable changes for each version of this project will be documented in this
     - `tickLabelsOrientation` input was added. Allows you to change the rotation of all tick labels from horizontal to vertical(toptobottom, bottomtotop).
     - `igxSliderTickLabel` directive has been introduced. Allows you to set a custom template for all tick labels.
     - `isContinuous` - input has been deleted. The option is not supported anymore.
-    - `onValueChanged` - new output has been exposed. This event is emitted at the end of every slide interaction. 
-   
+    - `onValueChanged` - new output has been exposed. This event is emitted at the end of every slide interaction.
+
 - `IgxCarousel`:
     - `keyboardSupport` input is added, which can be used to enable and disable keyboard navigation
     - `gesturesSupport` input is added, which can be used to enable and disable gestures
@@ -100,7 +107,7 @@ All notable changes for each version of this project will be documented in this
     - `nextButtonTemplate` directive is added, which is used to provide a custom next button template. If not provided, a default next button is used.
     - `prevButtonTemplate` directive is added, which is used to provide a custom previous button template. If not provided, a default previous button is used.
 
-- `IgxSelect`: 
+- `IgxSelect`:
     - adding `IgxSelectHeaderDirective` and `IgxSelectFooterDirective`. These can be used to provide a custom header, respectively footer templates for the `igxSelect` drop-down list. If there are no templates marked with these directives - no default templates will be used so the drop-down list will not have header nor footer.
 
 - `IgxCombo`:
@@ -143,6 +150,14 @@ All notable changes for each version of this project will be documented in this
 
     @include igx-progress-circular($theme);
     ```
+    - RTL support
+
+- `IgxForOf`
+    - `IgxForTotalItemCount` input is added for the cases when the data is from remote services. This will allow setting the count of the items through the template. And gives the opportunity for the developers to use AsyncPipe for this option:
+    ```html
+    <ng-template igxFor let-item [igxForOf]="data | async" [igxForTotalItemCount]="count | async"
+        [igxForContainerSize]="'500px'" [igxForItemSize]="'50px'"></ng-template>
+    ```
 
 ## 8.2.6
 

gulpfile.js

@@ -13,8 +13,6 @@ const argv = require('yargs').argv;
 const sassdoc = require('sassdoc');
 const path = require('path');
 const EventEmitter = require('events').EventEmitter;
-const typedocGulp = require('igniteui-typedoc-theme/gulpfile');
-const sassdocGulp = require('igniteui-sassdoc-theme/gulpfile');
 const { series } = require('gulp');
 const {spawnSync} = require('child_process');
 const slash = require('slash');
@@ -136,10 +134,10 @@ module.exports.copySchematics = (cb) => {
     cb();
 };
 
-const typedocBuildTheme = series(typedocGulp.typedocBuild, (cb) => {
+const typedocBuildTheme = (cb) => {
     spawnSync(`typedoc`, [TYPEDOC.PROJECT_PATH], { stdio: 'inherit', shell: true });
     cb();
-});
+};
 typedocBuildTheme.displayName = 'typedoc-build:theme';
 
 const browserReload = (cb) => {
@@ -167,7 +165,7 @@ function typedocWatchFunc(cb) {
         slash(path.join(TYPEDOC_THEME.SRC, 'assets', 'css', '/**/*.{scss,sass}')),
         slash(path.join(TYPEDOC_THEME.SRC, '/**/*.hbs')),
         slash(path.join(TYPEDOC_THEME.SRC, 'assets', 'images', '/**/*.{png,jpg,gif}')),
-      ], series(typedocGulp.typedocBuild, typedocBuildTheme, browserReload));
+      ], series(typedocBuildTheme, browserReload));
 
       cb();
 }
@@ -234,8 +232,6 @@ const sassdocCleanOutputDir = (cb) => {
     cb();
 }
 
-module.exports.sassdocDevMode = sassdocGulp.develop;
-
 function sassdocBuildJson(cb) {
     const options = JSON.parse(fs.readFileSync(SASSDOC.OPTIONS, 'utf8'));
 
@@ -301,20 +297,18 @@ module.exports.createDocsOutputDir = createDocsOutputDirFn;
 module.exports.exportTypedocJson = typedocBuildExportFn;
 module.exports.cleanTypedocOutputDir = cleanTypedocOutputDirFn;
 module.exports.typedocBuildTheme = typedocBuildTheme;
-module.exports.importTypedocJson = series(typedocGulp.typedocBuild, typedocImportJsonFn);
+module.exports.importTypedocJson = typedocImportJsonFn;
 module.exports.typedocServe = series(
     typedocBuildTheme,
     typedocWatchFunc,
     typedocServe
 );
 module.exports.typedocBuildDocsJA = series(
-    typedocGulp.typedocBuild,
     this.createDocsOutputDir,
     this.cleanTypedocOutputDir,
     typedocBuildDocsJA
 );
 module.exports.typedocBuildDocsEN = series(
-    typedocGulp.typedocBuild,
     this.createDocsOutputDir,
     this.cleanTypedocOutputDir,
     typedocBuildDocsEN
@@ -326,5 +320,5 @@ module.exports.typedocBuildDocsEN = series(
 module.exports.sassdocCleanOutputDir = sassdocCleanOutputDir;
 module.exports.sassdocImportJson = sassdocImportJson;
 module.exports.sassdocBuildJson = sassdocBuildJson;
-module.exports.sassdocBuildJA = series(sassdocCleanOutputDir, sassdocGulp.sassdocBuild, sassdocBuildJA);
-module.exports.sassdocBuildEN = series(sassdocCleanOutputDir, sassdocGulp.sassdocBuild, sassdocBuildEN);
+module.exports.sassdocBuildJA = series(sassdocCleanOutputDir, sassdocBuildJA);
+module.exports.sassdocBuildEN = series(sassdocCleanOutputDir, sassdocBuildEN);