Merge branch '9.0.x' of https://github.com/IgniteUI/igniteui-angular into 9.0.x

Author: didimmova

CHANGELOG.md

@@ -87,10 +87,6 @@ All notable changes for each version of this project will be documented in this
     - `IgxGridExcelStyleFilteringComponent` and `IgxAdvancedFilteringDialogComponent` can now be hosted outside of the grid in order to provide the same experience as the built-in filtering UI.
     - `expandRow(rowID)`/`collapseRow(rowID)`/`toggleRow(rowID)` API methods are added for the `igxHierarchicalGrid`. They allow expanding/collapsing a row by its id.
     - `onRowToggle` event is added for the `igxHierarchicalGrid`. It is emitted when the expanded state of a row is changed.
-    - `IgxOverlayService`:
-        - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
-    - `IgxToggleDirective`:
-        - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
     - `IgxRowDragGhost` directive is added. It allows providing a custom template for the drag ghost when dragging a row.
     ```html
     <igx-grid #grid1 [data]="remote | async" primaryKey="ProductID"
@@ -106,6 +102,7 @@ All notable changes for each version of this project will be documented in this
     </igx-grid>
     ```
 - `IgxSlider`:
+    - **Breaking Change** - `isContinuous` - input has been deleted. The option is not supported anymore.
     - `primaryTicks` input was added. Which sets the number of primary ticks
     - `secondaryTicks` input was added. Which sets the number of secondary ticks.
     - `showTicks` input was added. Which show/hide all slider ticks and tick labels.
@@ -114,7 +111,6 @@ All notable changes for each version of this project will be documented in this
     - `ticksOrientation` input was added. Allows to change ticks orientation to top|bottom|mirror.
     - `tickLabelsOrientation` input was added. Allows you to change the rotation of all tick labels from horizontal to vertical(toptobottom, bottomtotop).
     - `igxSliderTickLabel` directive has been introduced. Allows you to set a custom template for all tick labels.
-    - `isContinuous` - input has been deleted. The option is not supported anymore.
     - `onValueChanged` - new output has been exposed. This event is emitted at the end of every slide interaction.
 
 - `IgxCarousel`:
@@ -150,6 +146,12 @@ All notable changes for each version of this project will be documented in this
 - `IgxDropDown`:
     - `clearSelection` method is added, which can be used to deselect the selected dropdown item
 
+- `IgxToggleDirective`:
+    - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
+
+- `IgxOverlayService`:
+    - `setOffset` method added. It offsets the content along the corresponding axis by the provided amount.
+
 - `IgxCircularProgressBar`:
     - added `IgxProgressBarGradientDirective` to allow providing custom circular progress SVG gradients. Providing a custom gradient via a template is as easy as writing:
     ```html

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

@@ -91,7 +91,7 @@
     "gulp-util": "^3.0.8",
     "hammer-simulator": "0.0.1",
     "igniteui-sassdoc-theme": "^1.1.2",
-    "igniteui-typedoc-theme": "^1.3.1",
+    "igniteui-typedoc-theme": "^1.3.2",
     "jasmine": "~3.4.0",
     "jasmine-core": "~3.4.0",
     "jasmine-spec-reporter": "~4.2.1",
@@ -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

@@ -11,10 +11,10 @@
         [igxLabel]="button.label"
         [igxRipple]="button.ripple"
     >
-        <div class="igx-button-group__item-content {{ itemContentCssClass }}">
+        <span class="igx-button-group__item-content {{ itemContentCssClass }}">
             <igx-icon *ngIf="button.icon" fontSet="material">{{button.icon}}</igx-icon>
-            <span *ngIf="button.label">{{button.label}}</span>
-        </div>
+            <span class="igx-button-group__button-text" *ngIf="button.label">{{button.label}}</span>
+        </span>
     </button>
     <ng-content></ng-content>
 </div>

projects/igniteui-angular/src/lib/buttonGroup/buttongroup-content.component.html

@@ -620,7 +620,7 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
      * Deselects date(s) (based on the selection type).
      */
     public deselectDate(value?: Date | Date[]) {
-        if (this.selectedDates === null || this.selectedDates.length === 0) {
+        if (!this.selectedDates || this.selectedDates.length === 0) {
             return;
         }
 

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

@@ -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

@@ -15,6 +15,10 @@
         @extend %igx-group-item !optional;
     }
 
+    @include e(button-text) {
+        @extend %igx-button-group__button-text !optional;
+    }
+
     @include e(item, $m: selected) {
         @extend %igx-group-item !optional;
         @extend %igx-group-item-selected !optional;

projects/igniteui-angular/src/lib/core/styles/components/button-group/_button-group-component.scss

@@ -186,11 +186,10 @@
         display: flex;
         box-shadow: --var($theme, 'shadow');
         transition: $transition;
-        border-radius: --var($theme, 'border-radius')
+        border-radius: --var($theme, 'border-radius');
     }
 
     %igx-group-item {
-        @include ellipsis();
         border: $group-item-border-thickness solid --var($theme, 'item-border-color');
         color: --var($theme, 'item-text-color');
         background: --var($theme, 'item-background');
@@ -308,13 +307,16 @@
     %igx-group-item-content {
         display: flex;
         flex-flow: row nowrap;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
+        min-width: 0;
 
         * ~ * {
             margin-#{$left}: $group-items-margin;
         }
     }
+
+    %igx-button-group__button-text {
+        width: 100%;
+        @include ellipsis();
+    }
 }
 

projects/igniteui-angular/src/lib/core/styles/components/button-group/_button-group-theme.scss

@@ -16,31 +16,18 @@
 
     %grid-excel-filter {
         display: block;
-    }
-
-    %grid-excel-filter--inline {
         width: 100%;
+        height: 100%;
         flex-grow: 1;
+        box-shadow: igx-elevation($elevations, 12);
         overflow: auto;
+    }
+
+    %grid-excel-filter--inline {
+        box-shadow: none;
 
         %grid-excel-menu {
-            display: flex;
-            flex-direction: column;
             width: 100%;
-            height: 100%;
-            box-shadow: none;
-
-            %grid-excel-main {
-                display: flex;
-                flex-direction: column;
-                flex-grow: 1;
-                overflow: hidden;
-            }
-
-            %grid-excel-main igx-list {
-                flex-grow: 1;
-                overflow: hidden;
-            }
         }
     }
 
@@ -67,10 +54,12 @@
     }
 
     %grid-excel-menu {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
         width: 320px;
         min-width: 320px;
         background: --var($theme, 'filtering-row-background');
-        box-shadow: igx-elevation($elevations, 12);
         border-radius: 4px;
 
         @include igx-button-group(igx-button-group-theme(
@@ -227,10 +216,15 @@
     }
 
     %grid-excel-main {
-        display: block;
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+        overflow: hidden;
         padding: 0 rem(16px);
 
         igx-list {
+            flex-grow: 1;
+            overflow: hidden;
             margin: rem(8px) -#{rem(16px)} 0;
             border: 0;
             border-top: 1px dashed igx-color($palette, 'grays', 300);