Merge branch '18.2.x' into ttonev/fix-14970-18.2

Author: tishko0

projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss

@@ -244,7 +244,7 @@
         }
     }
 
-    [igxIconButton='flat'].igx-button--focused {
+    %igx-icon-button--flat.igx-button--focused {
         background: var-get($flat-theme, 'focus-background');
         color: var-get($flat-theme, 'focus-foreground');
 
@@ -389,7 +389,7 @@
         }
     }
 
-    [igxIconButton='outlined'].igx-button--focused {
+    %igx-icon-button--outlined.igx-button--focused {
         background: var-get($outlined-theme, 'focus-background');
         color: var-get($outlined-theme, 'focus-foreground');
 

projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss

@@ -677,6 +677,10 @@
         position: relative;
 
         grid-area: 1 / 2;
+
+        %form-group-label {
+            color: var-get($theme, 'idle-secondary-color');
+        }
     }
 
     %igx-input-group__notch--border {

projects/igniteui-angular/src/lib/data-operations/filtering-strategy.ts

@@ -145,7 +145,7 @@ export abstract class BaseFilteringStrategy implements IFilteringStrategy  {
                 item.value = key ? new Date(key) : key;
             } else if (column.dataType === GridColumnDataType.Time) {
                 const date = key ? new Date(key) : key;
-                key = date ? new Date().setHours(date.getHours(), date.getMinutes(), date.getSeconds()) : key;
+                key = date ? new Date().setHours(date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()) : key;
                 item.value = key ? new Date(key) : key;
             } else if (column.dataType === GridColumnDataType.Date) {
                 const date = key ? new Date(key) : key;

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

@@ -21,7 +21,7 @@ describe('IgxSplitter', () => {
 }).compileComponents()));
     let fixture: ComponentFixture<SplitterTestComponent>;
     let splitter: IgxSplitterComponent;
-    
+
     beforeEach(waitForAsync(() => {
         fixture = TestBed.createComponent(SplitterTestComponent);
         fixture.detectChanges();
@@ -462,6 +462,74 @@ describe('IgxSplitter pane collapse', () => {
     });
 });
 
+describe('IgxSplitter resizing with minSize and browser window is shrinked', () => {
+    configureTestSuite();
+    beforeAll(waitForAsync(() => TestBed.configureTestingModule({
+        imports: [
+            SplitterMinSiezComponent
+        ]
+    }).compileComponents()));
+
+    let fixture; let splitter;
+    beforeEach(waitForAsync(() => {
+        fixture = TestBed.createComponent(SplitterMinSiezComponent);
+        fixture.detectChanges();
+        splitter = fixture.componentInstance.splitter;
+    }));
+
+    it('should set the correct sizes when the user drags one pane to the end of another', () => {
+        const pane1 = splitter.panes.toArray()[0];
+        const pane2 = splitter.panes.toArray()[1];
+        const splitterBarComponent = fixture.debugElement.query(By.css(SPLITTERBAR_CLASS)).context;
+        const minSize = parseInt(pane1.minSize);
+        spyOn(splitter, 'onMoveEnd').and.callThrough();
+
+        pane1.size = (splitter.getTotalSize() - parseInt(pane2.size)) + 'px';
+        fixture.detectChanges();
+
+        splitterBarComponent.moveStart.emit(pane1);
+        fixture.detectChanges();
+        splitterBarComponent.movingEnd.emit(splitter.getTotalSize() -minSize);
+        fixture.detectChanges();
+
+        splitter.elementRef.nativeElement.style.width = '500px';
+        pane2.size = (splitter.getTotalSize() - minSize) + 'px';
+        fixture.detectChanges();
+
+        splitterBarComponent.moveStart.emit(pane1);
+        fixture.detectChanges();
+        splitterBarComponent.movingEnd.emit(-400);
+        fixture.detectChanges();
+
+        const isFullSize = pane1.size === '100%' || pane1.size === (splitter.getTotalSize() + 'px');
+
+        expect(splitter.onMoveEnd).toHaveBeenCalled();
+        expect(isFullSize).toBeTruthy();
+    });
+});
+
+@Component({
+    template: `
+    <igx-splitter>
+    <igx-splitter-pane minSize="200px">
+        <div>
+           Pane 1
+        </div>
+    </igx-splitter-pane>
+    <igx-splitter-pane size="200px">
+        <div>
+            Pane 2
+         </div>
+    </igx-splitter-pane>
+</igx-splitter>
+    `,
+    standalone: true,
+    imports: [IgxSplitterComponent, IgxSplitterPaneComponent]
+})
+export class SplitterMinSiezComponent {
+    @ViewChild(IgxSplitterComponent, { static: true })
+    public splitter: IgxSplitterComponent;
+}
 @Component({
     template: `
     <igx-splitter [type]="type">

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

@@ -178,7 +178,7 @@ export class IgxSplitterComponent implements AfterContentInit {
     /**
      * Sets the visibility of the handle and expanders in the splitter bar.
      * False by default
-     * 
+     *
      * @example
      * ```html
      * <igx-splitter [nonCollapsible]='true'>
@@ -240,7 +240,15 @@ export class IgxSplitterComponent implements AfterContentInit {
     }
 
     public onMoveEnd(delta: number) {
-        const [ paneSize, siblingSize ] = this.calcNewSizes(delta);
+        let [ paneSize, siblingSize ] = this.calcNewSizes(delta);
+
+        if (paneSize + siblingSize > this.getTotalSize() && delta < 0) {
+            paneSize = this.getTotalSize();
+            siblingSize = 0;
+        } else if(paneSize + siblingSize > this.getTotalSize() && delta > 0) {
+            paneSize = 0;
+            siblingSize = this.getTotalSize();
+        }
 
         if (this.pane.isPercentageSize) {
             // handle % resizes