Merge branch 'master' into rkaraivanov/toolbar-resize-fix

Author: kdinev

CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes for each version of this project will be documented in this
 ## 12.1.0
 
 ### New Features
+- Added `IgxAccordion` component
+    - A collection of vertically collapsible igx-expansion-panels that provide users with data and the ability to navigate through it in a compact manner. The control is **not** data bound and takes a declarative approach, giving users more control over what is being rendered.
+    - Exposed API to control the expansion state, easy-to-use keyboard navigation, option for nested accordions.
+    - Code example below:
+
+    ```html
+    <igx-accordion>
+        <igx-expansion-panel *ngFor="let panel of panels">
+           ...
+        </igx-expansion-panel>
+    </igx-accordion>
+    ```
+
+    - For more information, check out the [README](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/accordion/README.md), [specification](https://github.com/IgniteUI/igniteui-angular/wiki/Accordion-Specification) and [official documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/accordion)
+
 - `igxGrid`
     - New `additionalTemplateContext` column input:
 
@@ -47,6 +62,10 @@ All notable changes for each version of this project will be documented in this
 - `IgxExcelExporterService`
     - Added support for exporting the grids' multi-column headers to **Excel**. By default, the multi-column headers would be exported but this behavior can be controlled by the `ignoreMultiColumnHeaders` option off the IgxExcelExporterOptions object.
 
+
+- `IgxDateTimeEditor`, `IgxMask`, `IgxDatePicker`, `IgxTimePicker`, `IgxDateRangePicker`
+    - Added IME input support. When typing in an Asian language input, the control will display input method compositions and candidate lists directly in the control’s editing area, and immediately re-flow surrounding text as the composition ends.
+
 ### General
 - `IgxPaginatorComponent`
     - Deprecated properties `selectLabel` and `prepositionPage` are now removed;
@@ -94,6 +113,9 @@ All notable changes for each version of this project will be documented in this
         </igx-expansion-panel>
     ```
 
+-   `IgxDropDown`
+    - **Breaking Change** - The dropdown items no longer takes focus unless `allowItemsFocus` is set to `true`.
+
 ### Themes
 - **Breaking Change**  - The `$color` property of the `igx-action-strip-theme` has been renamed as follows:
     - `$color` -> `$icon-color`

README.md

@@ -21,6 +21,7 @@ You can find source files under the [`src`](https://github.com/IgniteUI/igniteui
 
 |Components|Status|||Directives|Status|||
 |:--|:--:|:--|:--|:--|:--:|:--|:--|
+|accordion|:white_check_mark:|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/accordion/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/accordion)|
 |avatar|:white_check_mark:|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/avatar/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/avatar)|autocomplete|:white_check_mark:|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/directives/autocomplete/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/autocomplete)|
 |badge|:white_check_mark:|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/badge/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/badge)|button|:white_check_mark:|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/directives/button/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/button)|
 |banner|:white_check_mark:|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/banner/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/banner)|date time editor|:white_check_mark:|[Readme](https://github.com/IgniteUI/igniteui-angular/tree/master/projects/igniteui-angular/src/lib/directives/date-time-editor/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/date-time-editor)|

gulpfile.js

@@ -4,7 +4,7 @@ const autoprefixer = require('autoprefixer');
 const browserSync = require('browser-sync').create();
 const del = require('del');
 const gulp = require('gulp');
-const sass = require('gulp-dart-sass');
+const sass = require('gulp-sass')(require('sass'));
 const sourcemaps = require('gulp-sourcemaps');
 const postcss = require('gulp-postcss');
 const process = require('process');
@@ -16,19 +16,19 @@ const EventEmitter = require('events').EventEmitter;
 const { series } = require('gulp');
 const {spawnSync} = require('child_process');
 const slash = require('slash');
-
-sass.compiler = require('sass');
+const Fiber = require('fibers');
 
 const STYLES = {
-    SRC: './projects/igniteui-angular/src/lib/core/styles/themes/presets/*',
+    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'
+        outputStyle: 'compressed',
+        fiber: Fiber
     }
 };
 
@@ -39,7 +39,7 @@ const TYPEDOC_THEME = {
     OUTPUT: slash(path.join(DOCS_OUTPUT_PATH, 'typescript'))
 };
 
-module.exports.buildStyle =  (cb) => {
+module.exports.buildStyle = () => {
     const prefixer = postcss([autoprefixer({
         cascade: false,
         grid: true
@@ -50,18 +50,16 @@ module.exports.buildStyle =  (cb) => {
 
     const myEventEmitter = new EventEmitter();
 
-    gulp.src(STYLES.SRC)
+    return gulp.src(STYLES.SRC)
         .pipe(sourcemaps.init())
-        .pipe(sass.sync(STYLES.CONFIG).on('error', err => {
+        .pipe(sass(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));
-
-    cb();
+        .pipe(gulp.dest(STYLES.DIST))
 };
 
 module.exports.copyGitHooks = async (cb) => {