Merge branch 'master' into mkirova/fix-7788

Author: 3phase

CHANGELOG.md

@@ -17,10 +17,13 @@ All notable changes for each version of this project will be documented in this
     - Added `onScroll` event, which is emitted when the grid is scrolled vertically or horizontally.
 - `igxTreeGrid`
     - Removed `onDataPreLoad` event as it is specific for remote virtualization implementation, which is not supported for the `igxTreeGrid`. A more generic `onScroll` event is exposed and can be used instead.
+- `IgxTimePicker`
+    - Added a disabled style for time parts outside of the minimum and maximum range.
 
 ### New Features
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
     - Introduced `showSummaryOnCollapse` grid property which allows you to control whether the summary row stays visible when the groupBy / parent row is collapsed.
+    - Added support for tooltips on data cells default template and summary cells.
 - `IgxGridState` directive
     - Added support for expansion states, column selection and row pinning.
     - Added support for `IgxTreeGrid` and `IgxHierarchicalGrid` (including child grids)

package-lock.json

@@ -57,12 +57,14 @@
     "@types/source-map": "0.5.2",
     "classlist.js": "^1.1.20150312",
     "core-js": "^2.6.11",
+    "core-js-pure": "^3.6.5",
     "hammerjs": "^2.0.8",
     "igniteui-trial-watermark": "^1.0.3",
     "jszip": "^3.4.0",
     "resize-observer-polyfill": "^1.5.1",
     "rxjs": "^6.5.4",
     "tslib": "^2.0.0",
+    "setimmediate": "^1.0.5",
     "web-animations-js": "^2.3.2",
     "zone.js": "~0.10.3"
   },

package.json

@@ -8,6 +8,7 @@
   "whitelistedNonPeerDependencies": [
       "@types/hammerjs",
       "@types/jszip",
+      "core-js-pure",
       "hammerjs",
       "jszip",
       "resize-observer-polyfill",

projects/igniteui-angular/ng-package.json

@@ -10,6 +10,7 @@
   "whitelistedNonPeerDependencies": [
       "@types/hammerjs",
       "@types/jszip",
+      "core-js-pure",
       "hammerjs",
       "jszip",
       "resize-observer-polyfill",

projects/igniteui-angular/ng-package.prod.json

@@ -68,6 +68,7 @@
     "dependencies": {
         "@types/hammerjs": "^2.0.36",
         "@types/jszip": "^3.1.7",
+        "core-js-pure": "^3.6.5",
         "hammerjs": "^2.0.8",
         "jszip": "^3.3.0",
         "tslib": "^2.0.0",

projects/igniteui-angular/package.json

@@ -30,6 +30,7 @@ export const DEPENDENCIES_MAP: PackageEntry[] = [
         { name: '@types/hammerjs', target: PackageTarget.DEV },
         { name: '@types/jszip', target: PackageTarget.DEV },
         { name: 'igniteui-trial-watermark', target: PackageTarget.NONE },
+        { name: 'core-js-pure', target: PackageTarget.NONE },
         // peerDependencies
         { name: '@angular/forms', target: PackageTarget.NONE },
         { name: '@angular/common', target: PackageTarget.NONE },

projects/igniteui-angular/schematics/utils/dependency-handler.ts

@@ -123,7 +123,6 @@
 
         &::after {
             position: absolute;
-            content: '';
             top: 0;
             bottom: 0;
             left: 0;

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

@@ -47,48 +47,6 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 
-    $this: bem--selector-to-string(&);
-    $selector: bem--extract-first-selector($this);
-
-    // Maps type scale typographic categories
-    // to native elements.
-    $category-element-map: (
-        h1: 'h1',
-        h2: 'h2',
-        h3: 'h3',
-        h4: 'h4',
-        h5: 'h5',
-        h6: 'h6',
-        body-1: 'p'
-    );
-
-    @each $category, $type-style in $type-scale {
-        // Get the native element that uses typographic styles directly
-        // as mapped in the $category-element-map
-        $e: map-get($category-element-map, $category);
-
-        // Create a placeholder selector with styles for each
-        // typographic style to be able to easily extend it
-        // elsewhere.
-        %#{$category} {
-            @include igx-type-style($type-scale, $category);
-        }
-
-        // Add native element typographic styles.
-        @if $e != null {
-            #{$e} {
-                @extend %#{$category};
-            }
-        }
-
-        // Add class selector typographic styles.
-        @if ($selector == '.igx-typography') {
-            @include e(#{$category}) {
-                @extend %#{$category};
-            }
-        }
-    }
-
     // Call the individual component styles with the type scale
     @include _excel-filtering-typography($type-scale);
     @include igx-banner-typography($type-scale);
@@ -142,6 +100,44 @@
         // and all typographic elements.
         @include b(igx-typography) {
             @include _igx-typography-styles($font-family, $type-scale);
+
+            // Maps type scale typographic categories
+            // to native elements.
+            $category-element-map: (
+                h1: 'h1',
+                h2: 'h2',
+                h3: 'h3',
+                h4: 'h4',
+                h5: 'h5',
+                h6: 'h6',
+                body-1: 'p'
+            );
+
+            @each $category, $type-style in $type-scale {
+                // Get the native element that uses typographic styles directly
+                // as mapped in the $category-element-map
+                $e: map-get($category-element-map, $category);
+
+                // Create a placeholder selector with styles for each
+                // typographic style to be able to easily extend it
+                // elsewhere.
+                %#{$category} {
+                    @include igx-type-style($type-scale, $category);
+                }
+
+                // Add native element typographic styles.
+                @if $e != null {
+                    // stylelint-disable-next-line max-nesting-depth
+                    #{$e} {
+                        @extend %#{$category};
+                    }
+                }
+
+                // Add class selector typographic styles.
+                @include e(#{$category}) {
+                    @extend %#{$category};
+                }
+            }
         }
     } @else {
         @include _igx-typography-styles($font-family, $type-scale);

projects/igniteui-angular/src/lib/core/styles/typography/_typography.scss

@@ -2,6 +2,7 @@ import { Injectable, PLATFORM_ID, Inject } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';
 import { Observable } from 'rxjs';
 import ResizeObserver from 'resize-observer-polyfill';
+import { setImmediate } from 'core-js-pure';
 
 /**
  * @hidden
@@ -383,3 +384,19 @@ export function compareMaps(map1: Map<any, any>, map2: Map<any, any>): boolean {
     }
     return match;
 }
+
+export function yieldingLoop(count: number, chunkSize: number, callback: (index: number) => void, done: () => void) {
+    let i = 0;
+    const chunk = () => {
+        const end = Math.min(i + chunkSize, count);
+        for ( ; i < end; ++i) {
+            callback(i);
+        }
+        if (i < count) {
+            setImmediate(chunk);
+        } else {
+            done();
+        }
+    };
+    chunk();
+}