Merge branch 'master' into nrobakova/refactor-treeGrid-KyeboardNav-tests

Author: zdrawku

gulpfile.js

@@ -184,7 +184,7 @@ function typedocBuildExportFn(cb) {
 }
 
 function typedocImportJsonFn(cb) {
-    spawnSync('typedoc', [TYPEDOC.PROJECT_PATH, "--generate-from-json", TYPEDOC.EXPORT_JSON_PATH],
+    spawnSync('typedoc', [TYPEDOC.PROJECT_PATH, "--generate-from-json", TYPEDOC.EXPORT_JSON_PATH, "--warns"],
         { stdio: 'inherit', shell: true});
     cb();
 }
@@ -206,6 +206,7 @@ function typedocBuildDocsJA (cb) {
             slash(path.join(__dirname, 'i18nRepo', 'typedoc', 'ja')),
             '--templateStrings',
             TYPEDOC.TEMPLATE_STRINGS_PATH,
+            '--warns',
             '--localize',
             'jp'], { stdio: 'inherit', shell: true });
 

package-lock.json

@@ -115,7 +115,7 @@
     "ts-node": "~7.0.1",
     "tslint": "~5.12.1",
     "typedoc": "^0.16.9",
-    "typedoc-plugin-localization": "^1.6.1",
+    "typedoc-plugin-localization": "^2.2.0",
     "typescript": "~3.7.5",
     "webpack-sources": "1.3.0"
   }

package.json

@@ -316,7 +316,7 @@ export class IgxCalendarComponent extends IgxMonthPickerBaseDirective implements
     /**
      * Sets the header template.
      *
-     *  @example
+     * @example
      * ```html
      * <igx-calendar headerTemplateDirective = "igxCalendarHeader"></igx-calendar>
      * ```

projects/igniteui-angular/src/lib/calendar/calendar.component.ts

@@ -303,6 +303,8 @@
         overflow: hidden;
         outline-style: none;
         border-radius: --var($theme, 'border-radius');
+        min-height: 300px;
+        min-width: 300px;
     }
 
     %igx-carousel-slide {

projects/igniteui-angular/src/lib/combo/combo.component.spec.ts

@@ -852,6 +852,7 @@
     %grid-mrl-block {
         display: grid;
         background: inherit;
+        position: relative;
 
         %grid-thead-item {
             display: flex;

projects/igniteui-angular/src/lib/core/styles/components/carousel/_carousel-theme.scss

@@ -56,6 +56,10 @@ $_bootstrap-toast: extend(
     (
         variant: 'bootstrap',
         background: #fff,
+
+        text-color: (
+            igx-color: ('grays', 600)
+        )
     )
 );
 

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -139,7 +139,14 @@ export const enum KEYCODES {
     RIGHT_ARROW = 39,
     DOWN_ARROW = 40,
     F2 = 113,
-    TAB = 9
+    TAB = 9,
+    CTRL = 17,
+    Z = 90,
+    Y = 89,
+    X = 88,
+    BACKSPACE = 8,
+    DELETE = 46,
+    INPUT_METHOD = 229
 }
 
 /**

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_toast.scss

@@ -1,6 +1,6 @@
 import { Component, ViewChild, ElementRef } from '@angular/core';
 import { async, fakeAsync, TestBed, tick, flush, ComponentFixture } from '@angular/core/testing';
-import { FormsModule, FormGroup, FormBuilder, FormControl, ReactiveFormsModule} from '@angular/forms';
+import { FormsModule, FormGroup, FormBuilder, FormControl, ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxDatePickerComponent, IgxDatePickerModule } from './date-picker.component';
@@ -206,7 +206,7 @@ describe('IgxDatePicker', () => {
                 expect(input).toEqual(document.activeElement);
             }));
 
-            it('When a modal datepicker is closed via outside click, the focus should remain on the input',
+        it('When a modal datepicker is closed via outside click, the focus should remain on the input',
             fakeAsync(() => {
                 const datePickerDom = fixture.debugElement.query(By.css('igx-date-picker'));
                 let overlayToggle = document.getElementsByClassName('igx-overlay__wrapper--modal');
@@ -230,7 +230,7 @@ describe('IgxDatePicker', () => {
                 expect(input).toEqual(document.activeElement);
             }));
 
-            it('When datepicker is closed upon selecting a date, the focus should remain on the input',
+        it('When datepicker is closed upon selecting a date, the focus should remain on the input',
             fakeAsync(() => {
                 const datePickerDom = fixture.debugElement.query(By.css('igx-date-picker'));
                 let overlayToggle = document.getElementsByClassName('igx-overlay__wrapper--modal');
@@ -939,7 +939,6 @@ describe('IgxDatePicker', () => {
 
             // initial input value is 20-10-11 / dd-MM-yy
             // focus the day part, position the caret at the beginning
-            input.nativeElement.focus();
             input.nativeElement.setSelectionRange(0, 0);
 
             // press arrow up
@@ -984,7 +983,6 @@ describe('IgxDatePicker', () => {
 
             // initial input value is 20-10-11 / dd-MM-yy
             // focus the day part, position the caret at the beginning
-            input.nativeElement.focus();
             input.nativeElement.setSelectionRange(0, 0);
 
             // press arrow down
@@ -1036,7 +1034,6 @@ describe('IgxDatePicker', () => {
 
             // initial input value is 20-10-11 / dd-MM-yy
             // focus the day part, position the caret at the beginning
-            input.nativeElement.focus();
             input.nativeElement.setSelectionRange(0, 0);
 
             // up
@@ -1149,7 +1146,8 @@ describe('IgxDatePicker', () => {
             expect(input).toBeDefined();
             datePicker.isSpinLoop = false;
 
-            input.nativeElement.focus();
+            input.triggerEventHandler('focus', {});
+            fixture.detectChanges(); // bound transformedDate assign
             UIInteractions.sendInput(input, '31-03-19');
             expect(input.nativeElement.value).toBe('31-03-19');