Merge branch 'master' into VDyulgerov/feature-weekStart-test

Author: hanastasov

.github/CONTRIBUTING.md

@@ -43,7 +43,8 @@ Example status workflows:
 
 ### Versioning
 
-When creating an issue assign a `version:` label. Add `version:` labels for each version for which the issue is applicable.
+When creating an issue assign a `version:` label. Add `version:` labels for each version for which the issue is applicable.  
+When creating a PR assign a `version:` label for the corresponding version branch the PR is targeting.
 
 ### Severity
 
@@ -74,12 +75,18 @@ Example status workflows:
 
 `status: awaiting-test` => `status: in-test` => `status: not-fixed` => `status: in-development` => `status: awaiting-test`
 
+## Accessibility (a11y)
+Accessibility is an integral part of any UI component. We as a team are committed to deliver fully-accessible UI components. Every developer should take into account the following standards and should implement and test for compliance with them:  
+ * Section 508 compliance.  
+ * WCAG (preferably AAA compliance, AA compliance where AAA is unachivable because of the type of UI component)  
+ * WAI-ARIA  
+ * Full keyboard navigation  
 
 ## Localization - applicable to issues and pull requests
 1. `status: pending-localization` this status tells that there are changes in the localization strings that need to be translated. When you make such changes, put this status badge without removing the other applicable ones and assign a person to do the translations.
 2. `status: localized` this status is for issues that were with a pending translation status and have already been localized. Place this status label once these translation changes have been included in the current pull request, or the changes are already pulled with a different pull request.
 
-## Localization - applicable to components' string resources
+## Localization (i18n) - applicable to components' string resources
 There are several ways to localize components' string resources:
 
 1. Using custom resource strings:
@@ -148,8 +155,9 @@ In order to contribute code to a new feature, you need to follow these guideline
 2. Follow a test-driven development process (TDD) to ensure full code coverage.
 3. Document all newly added public methods, inputs, outputs and properties.
 4. Make sure all static code analysis and tests pass before opening a pull request.
-5. Reference the issue you've been working on in your commit message and pull request title/description.
-6. Don't forget to make the necessary status updates, as described in the workflow section.
+5. Test the component with screen reader and browser tools for accessibility compliance.
+6. Reference the issue you've been working on in your commit message and pull request title/description.
+7. Don't forget to make the necessary status updates, as described in the workflow section.
 
 # Breaking changes and migrations
 If the bug fix or new feature development requires changes to released public API or behavior in a way that'll njo longer be compatible with an existing user code base:

CHANGELOG.md

@@ -2,15 +2,57 @@
 
 All notable changes for each version of this project will be documented in this file.
 
-## 13.2.0 
+## 13.2.0
+
+### General
+
+- `IgxPivotGrid`
+    - **Breaking Change** - Changing the `IPivotValue`'s `formatter` and `styles` functions optional parameters, example:
+    ```
+        formatter?: (value: any, rowData?: IPivotGridRecord, columnData?: IPivotGridColumn) => any;
+    ```
+    First optional parameter `rowData` is now of type `IPivotGridRecord` and contains more contextual information on the dimension and aggregation values. Previously it contained just the aggregation data object. Old usage can be updated as follows, from:
+    ```
+        formatter: (value: any, rowData: any) => rowData['someField'];
+    ```
+    to:
+
+    ```
+        formatter: (value: any, rowData: IPivotGridRecord) => rowData.aggregationValues.get('someField');
+    ```
+    Also an additional optional `columnData` parameter can be added, which contains information on the column dimensions.
+
+- `IgxExpansionPanel`
+    - Changed the expansion panel layout, adding padding to the header and content elements.
+
 
 ### New palette
 
 A new fluent light and dark palettes that use the default fluent colors - `$light-fluent-palette` and `$dark-fluent-palette`.
 
+### New Features
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - new *sortingOption* property has been introduced on grid level; This property allows you to set either `single` or `multiple` sorting mode; When single mode is enabled you can sort one column at a time; The default value of the property is `multiple`;
+
+    - **Behavioral Change** - sorting and grouping expressions are now working separately; If grouping/sorting expressions are in a conflict, grouping expressions take precedence. You can read more about that in our official documentation.
+- `IgxSlider`
+    - support for double value binding in slider of type RANGE through newly exposed `lowerValue` and `upperValue`
+
+- `IgxDrag`
+    - **Behavioral Change** - support for window scroll when dragging element to its edges
+    - new *scrollContainer* property that can specify specific element that should be scrolled instead of window for custom solutions.
 ## 13.1.0
 
 ### New Features
+
+- Added new CSS property `--igx-icon-size` to allow changing the icon when its original size is modified by other components.
+```SCSS
+    // will have effect only on icons that are children of .igx-button
+    .igx-button {
+        --igx-icon-size: 10px;
+    }
+```
+
 - Added `IgxPivotGrid` component(Preview)
     - The igxPivotGrid is a data presentation control for displaying data in a pivot table. It enables users to perform complex analysis on the supplied data. Main purpose is to transform and display a flat array of data into a complex grouped structure with aggregated values based on the main 3 dimensions: rows, columns and values, which the user may specify depending on his/her business needs. The whole pivot grid configuration is set through `IPivotConfiguration` interface.
 
@@ -138,7 +180,7 @@ A new fluent light and dark palettes that use the default fluent colors - `$ligh
 - `IgxDialog`
     - Added `focusTrap` input to set whether the Tab key focus is trapped within the dialog when opened. Defaults to `true`.
 - `IgxProgressBar`
-    - Exposed new animationDuration input - sets the duration of the progress animation. 
+    - Exposed new animationDuration input - sets the duration of the progress animation.
 
 ### General
 

README.md

@@ -10,16 +10,25 @@
 
 You can find source files under the [`src`](https://github.com/IgniteUI/igniteui-angular/tree/master/src) folder, including samples and tests.
 
+## Browser Support
 
-### Angular Data Grid Overview
+![chrome_48x48](https://user-images.githubusercontent.com/2188411/168109445-fbd7b217-35f9-44d1-8002-1eb97e39cdc6.png) | ![firefox_48x48](https://user-images.githubusercontent.com/2188411/168109465-e46305ee-f69f-4fa5-8f4a-14876f7fd3ca.png) | ![edge_48x48](https://user-images.githubusercontent.com/2188411/168109472-a730f8c0-3822-4ae6-9f54-785a66695245.png) | ![opera_48x48](https://user-images.githubusercontent.com/2188411/168109520-b6865a6c-b69f-44a4-9948-748d8afd687c.png) | ![safari_48x48](https://user-images.githubusercontent.com/2188411/168109527-6c58f2cf-7386-4b97-98b1-cfe0ab4e8626.png) | ![ie_48x48](https://user-images.githubusercontent.com/2188411/168135931-ce5259bb-5b26-4003-8b89-dbee3d4f247c.png)
+--- | --- | --- | --- | --- |:---:|
+Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11* |
+
+\* *IE 11 is only supported in Ignite UI for Angular < 13.0.0*
+
+## Overview
+
+### Angular Data Grid
 
 The Ignite UI for [Angular Data Grid](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid) equips you with all the necessary features for manipulating and visualizing tabular data in a series of rows and columns with ease. You can find powerful grid elements for no-lag scrolling while rendering and going through millions of data points.
 
 Built for optimization and speed, our [Angular grid](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid) component lets you quickly bind data with very little code and allows you to implement a variety of events in order to tailor different behaviors.
 
 #### [View running Grid samples here](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid)
 
-### Angular Charts & Graphs Overview
+### Angular Charts & Graphs
 
 Ignite UI for Angular arrives with an extensive library of data visualizations that enable stunning, interactive charts and dashboards for your modern web and mobile apps. All of them are designed to work flawlessly on every modern browser and provide complete touch as well as interactivity. Our comprehensive [Angular Charts](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/chart-overview) component supports more than 65 chart types that let you display all sorts of data representations and statistics. And with the rich and easy-to-use API, you can plot various types of charts.
 
@@ -159,7 +168,7 @@ npm run build:style
 npm run build:lib
 ```
 
-You can find the build ouput under `dist/igniteui-angular`.
+You can find the build output under `dist/igniteui-angular`.
 
 ## Running the tests
 

package-lock.json

@@ -4,7 +4,7 @@ import * as ts from 'typescript/lib/tsserverlibrary';
 import { CUSTOM_TS_PLUGIN_NAME, CUSTOM_TS_PLUGIN_PATH } from './tsUtils';
 
 /**
- * Langauge server host is responsible for **most** of the FS operations / checks
+ * Language server host is responsible for **most** of the FS operations / checks
  * Angular's Ivy LS sometimes bypasses these, calling path methods instead of tsLsHost operations
  */
 export class ServerHost implements ts.server.ServerHost {
@@ -130,6 +130,12 @@ export class ServerHost implements ts.server.ServerHost {
         }
     }
 
+    public gc(): void {
+        global.gc();
+    }
+
+    public trace(_s: string): void { /* noop */ }
+
     public getModifiedTime(path: string): Date | undefined {
         return ts.sys.getModifiedTime(path);
     }
@@ -142,87 +148,67 @@ export class ServerHost implements ts.server.ServerHost {
         return ts.sys.createSHA256Hash(data);
     }
 
-    //#region Not implemented methods
-
-    public write(_data: string): void {
-        throw new Error('Method "write" not implemented.');
-        // ts.sys.write(data);
+    public write(data: string): void {
+        ts.sys.write(data);
     }
 
     public writeOutputIsTTY(): boolean {
-        throw new Error('Method "writeOutputIsTTY" not implemented.');
-        // return ts.sys.writeOutputIsTTY();
+        return ts.sys.writeOutputIsTTY();
     }
 
-    public writeFile(_path: string, _data: string, _writeByteOrderMark?: boolean): void {
-        throw new Error('Method "writeFile" not implemented.');
-        // return ts.sys.writeFile(path, data, writeByteOrderMark);
+    public writeFile(path: string, data: string, writeByteOrderMark?: boolean): void {
+        return ts.sys.writeFile(path, data, writeByteOrderMark);
     }
 
-    public createDirectory(_path: string): void {
-        throw new Error('Method "createDirectory" not implemented.');
-        // return ts.sys.createDirectory(path);
+    public createDirectory(path: string): void {
+        return ts.sys.createDirectory(path);
     }
 
-    public setModifiedTime(_path: string, _time: Date): void {
-        throw new Error('Method "setModifiedTime" not implemented.');
-        // return ts.sys.setModifiedTime(path, time);
+    public setModifiedTime(path: string, time: Date): void {
+        return ts.sys.setModifiedTime(path, time);
     }
 
-    public deleteFile(_path: string): void {
-        throw new Error('Method "deleteFile" not implemented.');
-        // return ts.sys.deleteFile(path);
+    public deleteFile(path: string): void {
+        return ts.sys.deleteFile(path);
     }
 
-    public createHash(_data: string): string {
-        throw new Error('Method "createHash" not implemented.');
-        // return ts.sys.createHash(data);
+    public createHash(data: string): string {
+        return ts.sys.createHash(data);
     }
 
     public getMemoryUsage(): number {
-        throw new Error('Method "getMemoryUsage" not implemented.');
-        // return ts.sys.getMemoryUsage();
+        return ts.sys.getMemoryUsage();
     }
 
-    public exit(_exitCode?: number): void {
-        throw new Error('Method "exit" not implemented.');
-        // return ts.sys.exit(exitCode);
+    public exit(exitCode?: number): void {
+        return ts.sys.exit(exitCode);
     }
 
-    public setTimeout(_callback: (...argsv: any[]) => void, _ms: number, ..._args: any[]): any {
-        throw new Error('Method "setTimeout" not implemented.');
-        // return ts.sys.setTimeout(callback, ms, ...args);
+    public setTimeout(callback: (...argsv: any[]) => void, ms: number, ...args: any[]): any {
+        return ts.sys.setTimeout(callback, ms, ...args);
     }
 
-    public clearTimeout(_timeoutId: any): void {
-        throw new Error('Method "clearTimeout" not implemented.');
-        // return ts.sys.clearTimeout(timeoutId);
+    public clearTimeout(timeoutId: any): void {
+        return ts.sys.clearTimeout(timeoutId);
     }
 
     public clearScreen(): void {
-        throw new Error('Method "clearScreen" not implemented.');
-        // return ts.sys.clearScreen();
+        return ts.sys.clearScreen();
     }
 
-    public base64decode(_input: string): string {
-        throw new Error('Method "base64decode" not implemented.');
-        // return ts.sys.base64decode(input);
+    public base64decode(input: string): string {
+        return ts.sys.base64decode(input);
     }
 
-    public base64encode(_input: string): string {
-        throw new Error('Method "base64encode" not implemented.');
-        // return ts.sys.base64encode(input);
+    public base64encode(input: string): string {
+        return ts.sys.base64encode(input);
     }
 
-    public setImmediate(_callback: (...argsv: any[]) => void, ..._args: any[]): any {
-        throw new Error('Method "setImmediate" not implemented.');
-        // return setImmediate(callback, ...args);
+    public setImmediate(callback: (...argsv: any[]) => void, ...args: any[]): any {
+        return setImmediate(callback, ...args);
     }
 
-    public clearImmediate(_timeoutId: any): void {
-        throw new Error('Method "clearImmediate" not implemented.');
-        // return clearImmediate(timeoutId);
+    public clearImmediate(timeoutId: any): void {
+        return clearImmediate(timeoutId);
     }
-
-    //#endregion
 }