Merge branch 'master' into shape-schema-presets

Author: simeonoff

CHANGELOG.md

@@ -1,7 +1,6 @@
 # Ignite UI for Angular Change Log
 
 All notable changes for each version of this project will be documented in this file.
-
 ## 8.0.0
 - `IgxCombo`: Removed the following deprecated (since 6.2.0) template selectors:
     - `#emptyTemplate`
@@ -19,9 +18,39 @@ All notable changes for each version of this project will be documented in this
     - **Breaking Change** `onClose` event is renamed to `onClosed`.
     - **Behavioral Change** - action buttons are now available in the dropdown mode.
     - **Feature** `igxDatePicker` and `igxTimePicker` now provide the ability for adding custom action buttons. Read up more information in [igxDatePicker ReadMe](https://github.com/IgniteUI/igniteui-angular/tree/master/projects/igniteui-angular/src/lib/date-picker/README.md) or [igxTimePicker ReadMe](https://github.com/IgniteUI/igniteui-angular/tree/master/projects/igniteui-angular/src/lib/time-picker/README.md)
+- `IgxToggleAction` / `IgxTooltip`: Removed the deprecated `closeOnOutsideClick` Input that has been superseded by `overlaySettings` in 6.2.0.
 
-## 7.3.4
+- `IgxList` - The list component has been refactored. It now includes several new supporting directives:
+    - `igxListThumbnail` - Use it to mark the target as list thumbnail which will be automatically positioned as a first item in the list item;
+    - `igxListAction` - Use it to mark the target as list action which will be automatically positioned as a last item in the list item;
+    - `igxListLine` - Use it to mark the target as list content which will be automatically positioned between the thumbnail and action;
+    - `igxListLineTitle` - Use it to mark the target as list title which will be automatically formatted as a list-item title;
+    - `igxListLineSubTitle` - Use it to mark the target as list subtitle which will be automatically formatted as a list-item subtitle;
+
+    ```html
+        <igx-list>
+            <igx-list-item [isHeader]="true">List items</igx-list-item>
+            <igx-list-item>
+              <igx-avatar igxListThumbnail></igx-avatar>
+              <h1 igxListLineTitle>List item title</h1>
+              <h3 igxListLineSubTitle>List item subtitle</h3>
+              <igx-icon igxListAction>info</igx-icon>
+            </igx-list-item>
+        </igx-list>
 
+        <igx-list>
+          <igx-list-item [isHeader]="true">List items</igx-list-item>
+          <igx-list-item>
+            <igx-avatar igxListThumbnail></igx-avatar>
+            <span igxListLine>Some content</span>
+            <igx-icon igxListAction>info</igx-icon>
+          </igx-list-item>
+        </igx-list>
+    ```
+
+## 7.3.4
+- `IgxGrid` - summaries
+    - `clearSummaryCache()` and `recalculateSummaries()` methods are now removed from the IgxGrid API, beacause they are no longer needed; summaries are updated when some change is perform and the summary cache is cleared automatically when needed;
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
     - **Breaking Change** The **condition** parameter of the `filterGlobal` method is no longer optional. When the filterGlobal method is called with an invalid condition, it will not clear the existing filters for all columns.
 
@@ -46,6 +75,18 @@ All notable changes for each version of this project will be documented in this
     - **Behavioral Change** - action buttons are now available in the dropdown mode.
     - **Feature** `IgxDatePickerComponent` now provides the ability for adding custom action buttons. Read up more information in the [ReadMe](https://github.com/IgniteUI/igniteui-angular/tree/master/projects/igniteui-angular/src/lib/date-picker/README.md)
 
+- Excel-Style Filtering and Quick Filtering user interfaces now display the date picker's calendar in a dropdown.
+- `IgxCard` - The card component has been refactored. It now includes several new supporting components/directives:
+    - `igxCardHeaderTitle` - tag your headings placed in the `igx-card-header` container to be displayed as a card title;
+    - `igxCardHeaderSubtitle` - tag your headings placed in the `igx-card-header` container to be displayed as a card subtitle;
+    - `igxCardThumbnail` - tag anything placed in the `igx-card-header` as a thumb to be placed to the left of your titles;
+    - `igx-card-header` - the card header can now detect and automatically position `igx-avatar`s placed in it;
+    - `igx-card-media` - wrap images or videos that will be automatically sized for you;
+    - `igx-card-actions` - the card actions can now detect and automatically position all `igxButton`s placed in it;
+    - The card has a new `type` property. It can be set to `outlined` to get the new outlined card look;
+    - The card has a new `horizontal` property. When set to true, the layout will become horizontally aligned;
+- New Directive `igx-divider` - The igx-divider is a thin, configurable line that groups content in lists and layouts.
+
 ### Bug Fixing
 - igx-input: Top of Japanese characters get cut off in Density Compact mode #4752
 - When no condition is provided, filter() method of grid throws undescriptive error #4897
@@ -69,7 +110,7 @@ All notable changes for each version of this project will be documented in this
 - `igx-core()` now includes some styles for printing layout.
 In order to turn them off, you need to pass an argument and set it to `false`
     ```
-        @include igx-core($print-layout: false); 
+        @include igx-core($print-layout: false);
     ```
 
 - `Pager`
@@ -99,6 +140,11 @@ In order to turn them off, you need to pass an argument and set it to `false`
 - Group comparer is not taken into consideration when column is dragged to grouped area #4663
 
 ## 7.3.1
+`igx-core()` now includes some styles for printing layout. In order to turn them off, you need to pass an argument and set it to `false`
+
+```
+@include igx-core($print-layout: false);
+```
 - `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
@@ -143,7 +189,7 @@ In order to turn them off, you need to pass an argument and set it to `false`
     - **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.
 
     - **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` 
+- `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.
@@ -227,9 +273,9 @@ In order to turn them off, you need to pass an argument and set it to `false`
 ## 7.2.9
 `igx-core()` now includes some styles for printing layout.
 In order to turn them off, you need to pass an argument and set it to `false`
-  
+
 ```
- @include igx-core($print-layout: false); 
+ @include igx-core($print-layout: false);
 ```
 
 - `Pager`
@@ -247,7 +293,7 @@ In order to turn them off, you need to pass an argument and set it to `false`
 - [igx-grid] some cells don't go into edit state or selected state when resizing window. #4746
 - igx-tree-grid when no data in grid pagination shows wrong #4666
 - ElasticPositionStrategy should resize shown element with Center/Middle directions #4564
-- ESF custom dialog new filter not fully visible #4639 
+- ESF custom dialog new filter not fully visible #4639
 - igx-grid: row virtualization doesn't work when setting height in percent if you fetch and bind data after initial rendering. #3949
 - Grid height is calculated wrongly as grid width narrows #4745
 - [igx-grid][IE11] filtering problems with IME mode. #4636

azure-pipelines.yml

@@ -14,7 +14,7 @@ steps:
   displayName: 'Build source code and styles'
 
 - script: npm run test:lib:azure
-  displayName: 'Run non-grid tests'
+  displayName: 'Run tests'
   env:
     NODE_OPTIONS: "--max_old_space_size=4096"
 

extras/docs/themes/sassdoc/LICENSE

@@ -0,0 +1,15 @@
+Copyright 2019 INFRAGISTICS.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+and associated documentation files (the "Software"), to deal in the Software without restriction,
+including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+USE OR OTHER DEALINGS IN THE SOFTWARE.

extras/docs/themes/typedoc/src/LICENSE

@@ -0,0 +1,15 @@
+Copyright 2019 INFRAGISTICS.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+and associated documentation files (the "Software"), to deal in the Software without restriction,
+including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+USE OR OTHER DEALINGS IN THE SOFTWARE.

gulpfile.js

@@ -17,6 +17,8 @@ const ts = require('gulp-typescript');
 const path = require('path');
 const EventEmitter = require('events').EventEmitter;
 
+sass.compiler = require('sass');
+
 const STYLES = {
     SRC: './projects/igniteui-angular/src/lib/core/styles/themes/presets/*',
     DIST: './dist/igniteui-angular/styles',
@@ -119,9 +121,9 @@ gulp.task('copy-git-hooks', () => {
 
 gulp.task('copy-migrations', () => {
     return gulp.src([
-            './projects/igniteui-angular/migrations/**/*.json',
-            '!**/tsconfig.json'
-        ])
+        './projects/igniteui-angular/migrations/**/*.json',
+        '!**/tsconfig.json'
+    ])
         .pipe(gulp.dest('./dist/igniteui-angular/migrations'));
 });
 
@@ -154,24 +156,24 @@ gulp.task('typedoc-ts',
 
 gulp.task('typedoc-js', ['typedoc:clean-js', 'typedoc-ts'], () => {
     gulp.src([
-            `${TYPEDOC_THEME.SRC}/assets/js/lib/jquery-2.1.1.min.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/lib/underscore-1.6.0.min.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/lib/backbone-1.1.2.min.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/lib/lunr.min.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/src/navigation/igviewer.common.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/src/navigation/igviewer.renderingService.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/src/navigation/nav-initializer.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/src/versioning/tag-versions.req.js`,
-            `${TYPEDOC_THEME.SRC}/assets/js/main.js`
-        ])
+        `${TYPEDOC_THEME.SRC}/assets/js/lib/jquery-2.1.1.min.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/lib/underscore-1.6.0.min.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/lib/backbone-1.1.2.min.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/lib/lunr.min.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/src/navigation/igviewer.common.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/src/navigation/igviewer.renderingService.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/src/navigation/nav-initializer.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/src/versioning/tag-versions.req.js`,
+        `${TYPEDOC_THEME.SRC}/assets/js/main.js`
+    ])
         .pipe(concat('main.js'))
         .pipe(gulp.dest(`${TYPEDOC_THEME.DIST}/assets/js/`));
 });
 
 gulp.task('typedoc-theme-ts', () => {
     gulp.src([
-            `${path.join(TYPEDOC_THEME.SRC, "assets", "js", "src", "theme.ts")}`
-        ])
+        `${path.join(TYPEDOC_THEME.SRC, "assets", "js", "src", "theme.ts")}`
+    ])
         .pipe(ts({
             target: "es2017",
             moduleResolution: 'node',
@@ -193,10 +195,10 @@ gulp.task('typedoc-images', ['typedoc:clean-images'], () => {
 
 gulp.task('typedoc-hbs', ['typedoc:clean-hbs'], () => {
     return gulp.src([
-            `${TYPEDOC_THEME.SRC}/layouts/**/*`,
-            `${TYPEDOC_THEME.SRC}/partials/**/*`,
-            `${TYPEDOC_THEME.SRC}/templates/**/*`,
-        ], {
+        `${TYPEDOC_THEME.SRC}/layouts/**/*`,
+        `${TYPEDOC_THEME.SRC}/partials/**/*`,
+        `${TYPEDOC_THEME.SRC}/templates/**/*`,
+    ], {
             base: `${TYPEDOC_THEME.SRC}`
         })
         .pipe(gulp.dest(`${TYPEDOC_THEME.DIST}`));
@@ -266,8 +268,8 @@ gulp.task('sassdoc-js', ['sassdoc-ts'], () => {
     gulp.src([
         `${SASSDOC_THEME.JS_DIR}/**/!(tag-versions.req)*.js`,
     ])
-    .pipe(concat('main.js'))
-    .pipe(gulp.dest(SASSDOC_THEME.JS_DIR));
+        .pipe(concat('main.js'))
+        .pipe(gulp.dest(SASSDOC_THEME.JS_DIR));
 })
 
 gulp.task('sassdoc-build', [