Merge branch '9.1.x' into ddimitrov/exportersPerf

Author: igdmdimitrov

.hooks/scripts/templates/default.js

@@ -11,7 +11,7 @@ var defaults = {
             otherLine: 80,
         },
         issuePattern: '(#)[0-9]+',
-        typesWithMandatoryIssue: [ 'feat', 'fix', 'test' ],
+        typesWithMandatoryIssue: [],
         guidelinesUrl: 'https://bit.ly/angular-guidelines',
         types: [
             'feat', 'fix', 'docs', 'style', 'refactor', 'perf', 'test', 'chore', 'build', 'ci', 'revert'
@@ -20,4 +20,4 @@ var defaults = {
     oldMessagePath: path.join('.git', 'COMMIT_EDITMSG_OLD')
 }
 
-module.exports = defaults;
+module.exports = defaults;

.hooks/scripts/utils/issue-validator.js

@@ -6,9 +6,9 @@ var matchType = require('../common').matchType,
 module.exports = (lines, options, errors) => {
     var ticket = new RegExp(options.issuePattern);
     var whetherIssueIsMandatory = false,
-        wheterMatchAnyIssueRef = false; 
+        wheterMatchAnyIssueRef = false;
+
 
-    
     if (matchType(options.typesWithMandatoryIssue, lines[0])) {
         whetherIssueIsMandatory = true;
     }
@@ -27,7 +27,7 @@ module.exports = (lines, options, errors) => {
 
     if (whetherIssueIsMandatory && !wheterMatchAnyIssueRef) {
         errors.push(errorFactory(
-            `The issue reference for (${options.typesWithMandatoryIssue.join(', ')}) types is mandatory!\n`, 
+            `The issue reference for (${options.typesWithMandatoryIssue.join(', ')}) types is mandatory!\n`,
             "Please add at least one related issue. E.g: Closes #31, Closes #45"));
     }
-}
+}

CHANGELOG.md

@@ -2,12 +2,18 @@
 
 All notable changes for each version of this project will be documented in this file.
 
+## 9.1.4
+
+### New Features
+- `IgxList`
+    - Added localization support.
+
 ## 9.1.1
 
 ### General
 - `IgxHierarchicalGrid`
     - `onGridInitialized` - New output has been exposed. Emitted after a grid is being initialized for the corresponding row island.
-
+-  **Behavioral Change** - When moving a column `DropPosition.None` is now acting like `DropPosition.AfterDropTarget`.
 ## 9.1.0
 
 ### General
@@ -169,7 +175,6 @@ All notable changes for each version of this project will be documented in this
     - Added support for tabIndex attribute applied to the main chip element.
     - Added `tabIndex` input so it can support change detection as well.
 
-
 - `IgxHighlightDirective`
     - New `metadata` property was introduced, which allows adding additional, custom logic to the activation condition of a highlighted element.
 

ROADMAP.md

@@ -2,7 +2,22 @@
 
 # Current Milestone
 
-## Milestone 11 (Due by April 30th, 2020)
+## Milestone 12 (Due by August, 2020)
+
+1. Accept ISO 8601 Date-only string as input for igx-calendar and igx-datepicker [#6994](https://github.com/IgniteUI/igniteui-angular/issues/6994)
+2. igxCombo has to include caseSensitive property in filter search [#7282](https://github.com/IgniteUI/igniteui-angular/issues/7282)
+3. igxCombo default positioning strategy [#7225](https://github.com/IgniteUI/igniteui-angular/issues/7225)
+To Be Updated
+
+
+## Going down the road
+
+1. Tile Manager
+2. Visual Cell merging
+3. RTL Support across Ignite UI for Angular components
+# Previous Milestones 
+
+## Milestone 11 (Released June 2nd, 2020)
 
 1. Dock Manger [#5980](https://github.com/IgniteUI/igniteui-angular/issues/5980)
 2. Range Date Picker [#5732](https://github.com/IgniteUI/igniteui-angular/issues/5732)
@@ -14,14 +29,9 @@
 8. Data Analysis Directive [#1752](https://github.com/IgniteUI/igniteui-angular-samples/issues/1752)
 9. Slider does not support RTL [#5212](https://github.com/igniteui/igniteui-angular/issues/5212)
 10. Circular Progress Indicator does not support RTL [#5903](https://github.com/igniteui/igniteui-angular/issues/5903)
-
-
-## Going down the road
-
-1. Tile Manager
-2. Visual Cell merging
-3. RTL Support across Ignite UI for Angular components
-# Previous Milestones 
+11. Action Strip [#6941](https://github.com/IgniteUI/igniteui-angular/issues/6941)
+12. Theme igx-component scrollbars [#6675](https://github.com/IgniteUI/igniteui-angular/issues/6675)
+13. Use CSS variables by default [#6803](https://github.com/IgniteUI/igniteui-angular/issues/6675)
 
 ## Milestone 10 (Released February 10th, 2020)
 

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

@@ -379,7 +379,7 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
         const result = [];
         start = this.getDateOnly(start);
         end = this.getDateOnly(end);
-        while (start.getTime() !== end.getTime()) {
+        while (start.getTime() < end.getTime()) {
             start = this.calendarModel.timedelta(start, 'day', 1);
             result.push(start);
         }

projects/igniteui-angular/src/lib/core/i18n/list-resources.ts

@@ -0,0 +1,9 @@
+export interface IListResourceStrings {
+    igx_list_no_items?: string;
+    igx_list_loading?: string;
+}
+
+export const ListResourceStringsEN: IListResourceStrings = {
+    igx_list_no_items: 'There are no items in the list.',
+    igx_list_loading: 'Loading data from the server...'
+};

projects/igniteui-angular/src/lib/core/i18n/resources.ts

@@ -4,6 +4,7 @@ import { ITimePickerResourceStrings, TimePickerResourceStringsEN } from './time-
 import { PaginatorResourceStringsEN } from './paginator-resources';
 import { cloneValue } from '../utils';
 import { ICarouselResourceStrings, CarouselResourceStringsEN } from './carousel-resources';
+import { ListResourceStringsEN } from './list-resources';
 
 export interface IResourceStrings extends IGridResourceStrings, ITimePickerResourceStrings, ICarouselResourceStrings  {}
 
@@ -16,6 +17,7 @@ export const CurrentResourceStrings = {
     TimePickerResStrings: cloneValue(TimePickerResourceStringsEN),
     DateRangePickerResStrings: cloneValue(DateRangePickerResourceStringsEN),
     CarouselResStrings: cloneValue(CarouselResourceStringsEN),
+    ListResStrings: cloneValue(ListResourceStringsEN),
 };
 
 function updateResourceStrings(currentStrings: IResourceStrings, newStrings: IResourceStrings ) {

projects/igniteui-angular/src/lib/core/styles/base/utilities/_functions.scss

@@ -31,6 +31,18 @@
     @return ($pixels / $context) * 1rem;
 }
 
+/// Relative value(em/rem) to pixel.
+/// @access public
+/// @param {number|string} $num - The relative value to be converted.
+/// @param {number|string} $context [$browser-context] - The base context to convert against.
+@function px($num, $context: $browser-context) {
+    @if type-of $num == 'number' {
+        @return ($num / ($num * 0 + 1)) * 16px;
+    }
+
+    @return $num;
+}
+
 /// Calculates the luminance for a given color.
 /// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests.
 ///
@@ -276,12 +288,12 @@
 /// @param {Color} $color - The base color used to generate the palette.
 /// @param {Map} $shades - A map of variations as keys and opacities as values.
 /// Based on the Material color system.
-/// @returns {Map} - A map consisting of 10 grayscale color variations and 10
+/// @returns {Map} - A map consisting of 10 color variations and 10
 /// text contrast colors for each variation.
 @function grayscale-palette($color, $shades) {
     $result: ();
     @each $saturation, $opacity in $shades {
-        $shade: rgba(grayscale($color), $opacity);
+        $shade: rgba($color, $opacity);
         $result: map-merge($result, ($saturation: $shade));
     }
     @return $result;
@@ -297,7 +309,7 @@
 /// @param {Color} $success [#4eb862] - The success color used throughout the application.
 /// @param {Color} $warn [#fbb13c] - The warning color used throughout the application.
 /// @param {Color} $error [#ff134a] - The error color used throughout the application.
-/// @param {Color} $grays [#000 | $igx-foreground-color] - The color used for generating the grayscale palette.
+/// @param {Color} $grays [#000 | $igx-foreground-color] - The color used for generating the grays palette.
 /// @param {Color} $surface [#fff] - The color used as a background in components, such as cards, sheets, and menus.
 /// @returns {Map} - A map consisting of 74 color variations, including the `primary`, `secondary`, `grays`,
 /// `info`, `success`, `warn`, and `error` colors.
@@ -403,17 +415,19 @@
 ///
 @function resolve-value($ctx, $extra: null) {
     $result: null;
+
     @each $fn, $args in $ctx {
         @if function-exists($fn) {
             @if $result == null and ($fn == 'igx-color' or $fn == 'igx-contrast-color') {
                 $result: call(get-function($fn), $extra, $args...);
             } @else if $result != null {
-                $result: call(get-function($fn), $result, $args...)
+                $result: call(get-function($fn), $result, $args...);
             } @else {
-                $result: call(get-function($fn), $args...)
+                $result: call(get-function($fn), $args);
             }
         }
     }
+
     @return $result;
 }
 
@@ -423,6 +437,21 @@
     @return hsl(random(360), 100%, 50%);
 }
 
+@function igx-generate-series-colors($palette) {
+    @return (
+        igx-color($palette, 'primary'),
+        igx-color($palette, 'secondary'),
+        rgb(249, 98, 50),
+        rgb(60, 189, 201),
+        rgb(220, 63, 118),
+        rgb(255, 152, 0),
+        rgb(78, 98, 207),
+        rgb(84, 194, 90),
+        rgb(121, 85, 72),
+        rgb(154, 154, 154)
+    );
+}
+
 /// Applies an `igx-palette` to a given theme schema.
 /// @access private
 /// @param {Map} $schema - A theme schema.
@@ -448,6 +477,12 @@
         } @else {
             $result: extend($result, (#{$key}: $value));
         }
+
+        @if $value == 'series' {
+            $result: extend($result, (
+                #{$key}: #{igx-generate-series-colors($palette)}
+            ));
+        }
     }
     @return $result;
 }
@@ -567,3 +602,47 @@
 @function if-rtl($if, $else: null) {
     @return if-ltr($else, $if);
 }
+
+@function expand-shorthand($list) {
+    $len: length($list);
+
+    $margins: (
+        'margin-top': null,
+        'margin-right': null,
+        'margin-bottom': null,
+        'margin-left': null,
+    );
+
+    @for $i from 1 through 4 {
+        $n: $i % $len;
+        $n: if($n != 0, $n, $len);
+
+        @if $len == 3 and $i == 4 {
+            $n: 2;
+        }
+
+        $key: nth(map-keys($margins), $i);
+        $value: nth($list, $n);
+
+        $margins: map-merge($margins, ($key: $value));
+    }
+
+    @return $margins;
+}
+
+@function map-keys-prefix($map, $prefix, $separator: '-') {
+    $keys: map-keys($map);
+    $len: length($keys);
+    $result: ();
+
+    @for $i from 1 through $len {
+        $key: nth($keys, $i);
+
+        $result: map-merge($result, (
+            '#{$prefix}#{$separator}#{$key}': map-get($map, $key))
+        );
+    }
+
+    @return $result;
+}
+

projects/igniteui-angular/src/lib/core/styles/base/utilities/_mixins.scss

@@ -238,12 +238,14 @@
 ///   :root {
 ///     @include css-vars-from-theme($my-theme);
 ///   }
-@mixin css-vars-from-theme($theme) {
-    $prefix: map-get($theme, 'name');
-
+@mixin css-vars-from-theme($theme, $prefix: null) {
     @each $key, $value in $theme {
         @if $key != 'name' and $key != 'palette' and type-of($value) != 'map' {
-            --#{$prefix}-#{$key}: #{$value};
+            @if $prefix {
+                --#{$prefix}-#{$key}: #{$value};
+            } @else {
+                --#{$key}: #{$value};
+            }
         }
     }
 }
@@ -269,9 +271,10 @@
 /// @requires {mixin} css-vars-from-theme
 @mixin igx-css-vars($theme) {
     $scope: if(is-root(), ':root', '&');
+    $prefix: map-get($theme, 'name');
 
     #{$scope} {
-        @include css-vars-from-theme($theme);
+        @include css-vars-from-theme($theme, $prefix);
     }
 }