Merge pull request #13530 from IgniteUI/16.1.x

Mass Merging 16.1.x into master

Author: kdinev

CHANGELOG.md

@@ -37,22 +37,15 @@ All notable changes for each version of this project will be documented in this
 - `IgxCombo`:
     - Exposed `comboIgnoreDiacriticsFilter` filter function which normalizes diacritics to their base representation.
     When the combo components are configured with it, filtering for **"resume"** will match both **"resume"** and **"résumé"**.
+- `IgxCombo`, `IgxSimpleCombo`
+    - Added new property `displayValue` that returns array of display keys.
 - `IgxButtonGroup`:
     - Added `owner` to the `IButtonGroupEventArgs` to identify the emitting button group instance.
     - **Breaking Change** Added the `selectionMode` property that sets the selection mode of the buttons in the `IgxButtonGroup`. Selection modes are `single`, `singleRequired` and `multi` as default is `single`.
     - **Breaking Change** Deprecated the `multiSelection` property and all references have been migrated to `selectionMode="multi"`.
 - `Themes`:
     - Include a standalone theme for the `igxLabel` directive to allow usage with components outside the Input Group.
-
-### General
-- `IgxStepper`:
-    - **Breaking Change** The `IgxStepSubTitleDirective` has been renamed to `IgxStepSubtitleDirective`. Automatic migrations are available and will be applied on `ng update`.
-- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
-    - The `draggable` attribute is no longer required to be set on interactable elements, if a column header is templated and the Column Moving is enabled in order for handlers for any event to be triggered. Now `draggable='false'` can be used as an addition if the user shouldn't be able to drag a column by that element, but even if omitted `click` events for example will trigger now.
-    - **Behavioral Change** When there are already grouped columns, the group drop area now shows after dragging of a column starts and not when only click actions are performed.
-- `IgxCombo`, `IgxSimpleCombo`:
-    - **Breaking Change**  The `selection` property returns an array of the selected items even when a value key is provided and the `value` property returns an array of value keys instead of display keys. Automatic migrations are available and will be applied on `ng update`.
-- **Deprecation** - The `DisplayDensityToken` injection token has been deprecated. Consequently, the `displayDensity` input for all components injecting the `DisplayDensityToken` is also deprecated. Changing the size of the component(s) should be done via a new custom CSS property - `--ig-size`;
+- Changing the size of Ignite UI components can now be done via a new custom CSS property - `--ig-size` . The `DisplayDensityToken` injection token and consequently, the `displayDensity` inputs for all components will be deprecated in the next major version and it is recommended that they no longer be used for sizing components.
     - Code example:
     ```typescript
     // *.component.ts
@@ -78,9 +71,14 @@ All notable changes for each version of this project will be documented in this
     }
     ```
 
-### New Features
-- `IgxCombo`, `IgxSimpleCombo`
-    - Added new property `displayValue` that returns array of display keys.
+### General
+- `IgxStepper`:
+    - **Breaking Change** The `IgxStepSubTitleDirective` has been renamed to `IgxStepSubtitleDirective`. Automatic migrations are available and will be applied on `ng update`.
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - The `draggable` attribute is no longer required to be set on interactable elements, if a column header is templated and the Column Moving is enabled in order for handlers for any event to be triggered. Now `draggable='false'` can be used as an addition if the user shouldn't be able to drag a column by that element, but even if omitted `click` events for example will trigger now.
+    - **Behavioral Change** When there are already grouped columns, the group drop area now shows after dragging of a column starts and not when only click actions are performed.
+- `IgxCombo`, `IgxSimpleCombo`:
+    - **Breaking Change**  The `selection` property returns an array of the selected items even when a value key is provided and the `value` property returns an array of value keys instead of display keys. Automatic migrations are available and will be applied on `ng update`.
 
 ## 16.0.0
 

README.md

@@ -196,7 +196,7 @@ ng update igniteui-cli
 ng build igniteui-angular
 
 // build the css
-npm run build:style
+npm run build:styles
 
 // build them both
 npm run build:lib

gulpfile.js

@@ -1,66 +1,24 @@
 'use strict';
 
-const autoprefixer = require('autoprefixer');
 const browserSync = require('browser-sync').create();
 const del = require('del');
 const gulp = require('gulp');
-const sass = require('gulp-sass')(require('sass'));
-const sourcemaps = require('gulp-sourcemaps');
-const postcss = require('gulp-postcss');
 const process = require('process');
 const fs = require('fs');
 const argv = require('yargs').argv;
 const sassdoc = require('sassdoc');
 const path = require('path');
-const EventEmitter = require('events').EventEmitter;
 const { series } = require('gulp');
 const { spawnSync } = require('child_process');
 const slash = require('slash');
 
-const STYLES = {
-    SRC: './projects/igniteui-angular/src/lib/core/styles/themes/presets/**/*',
-    DIST: './dist/igniteui-angular/styles',
-    MAPS: './maps',
-    THEMING: {
-        SRC: './projects/igniteui-angular/src/lib/core/styles/**/*',
-        DIST: './dist/igniteui-angular/lib/core/styles'
-    },
-    CONFIG: {
-        outputStyle: 'compressed',
-        includePaths: ['node_modules']
-    }
-};
-
 const DOCS_OUTPUT_PATH = slash(path.join(__dirname, 'dist', 'igniteui-angular', 'docs'));
 
 const TYPEDOC_THEME = {
     SRC: slash(path.join(__dirname, 'node_modules', 'ig-typedoc-theme', 'dist')),
     OUTPUT: slash(path.join(DOCS_OUTPUT_PATH, 'typescript'))
 };
 
-module.exports.buildStyle = () => {
-    const prefixer = postcss([autoprefixer({
-        cascade: false,
-        grid: true
-    })]);
-
-    gulp.src(STYLES.THEMING.SRC)
-        .pipe(gulp.dest(STYLES.THEMING.DIST));
-
-    const myEventEmitter = new EventEmitter();
-
-    return gulp.src(STYLES.SRC)
-        .pipe(sourcemaps.init())
-        .pipe(sass.sync(STYLES.CONFIG).on('error', err => {
-            sass.logError.bind(myEventEmitter)(err);
-            myEventEmitter.emit('end');
-            process.exit(1);
-        }))
-        .pipe(prefixer)
-        .pipe(sourcemaps.write(STYLES.MAPS))
-        .pipe(gulp.dest(STYLES.DIST))
-};
-
 module.exports.copyGitHooks = async (cb) => {
 
     if (process.env.AZURE_PIPELINES || process.env.TRAVIS || process.env.CI || !fs.existsSync('.git')) {