@igniteui/angular-templates 21.1.1492 → 21.1.1500-rc.0

package/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,254 +0,0 @@
-@use '<%=igxPackage%>/theming' as *;
-
-:host {
-    display: block;
-    width: 100%;
-    padding: 0 !important;
-}
-:host ::ng-deep {
-    .fin-dark-theme {
-        .fintech-slider,
-        .sample-toolbar {
-            color: rgba(255, 255, 255, 0.87);
-        }
-    }
-
-    .fintech-icons {
-        display: flex;
-        align-items: center;
-        igx-icon {
-            font-size: 16px;
-            width: 16px;
-            height: 16px;
-            margin-left: 4px;
-        }
-    }
-    .igx-grid__grouparea {
-        max-height: 100%;
-        height: auto;
-    }
-    .changePos,
-    .changeNeg,
-    .strongPositive,
-    .strongNegative {
-        color: #fff !important;
-        .igx-grid__td-text {
-            padding: 2px 5px;
-        }
-    }
-    .positive {
-        color: #4eb862 !important;
-    }
-    .positive.strongPositive {
-        .igx-grid__td-text {
-            color: rgba(78, 184, 98, 0.8) !important;
-        }
-    }
-    .negative {
-        color: #d31642 !important;
-    }
-    .negative.strongNegative {
-        .igx-grid__td-text {
-            color: rgba(255, 19, 74, 0.8) !important;
-        }
-    }
-    // NORMAL
-    // positive
-    .changePos {
-        .igx-grid__td-text {
-            background: #335e3b;
-        }
-    }
-    .changePos1 {
-        background: #335e3b;
-        color: #fff;
-    }
-    .changePos2 {
-        .igx-grid__td-text {
-            border-right: 4px solid #335e3b;
-            padding-right: 4px;
-        }
-    }
-    // negative
-    .changeNeg {
-        .igx-grid__td-text {
-            background: #7a1c32;
-        }
-    }
-    .changeNeg1 {
-        color: #fff;
-        background: #7a1c32;
-    }
-    .changeNeg2 {
-        .igx-grid__td-text {
-            border-right: 4px solid #7a1c32;
-            padding-right: 4px;
-        }
-    }
-    // selected
-    .igx-grid__td--selected.changePos1,
-    .igx-grid__td--selected.changePos2,
-    .igx-grid__td--selected.changePos {
-        background-color: #335e3b !important;
-        .fintech-icons,
-        .igx-grid__td-text {
-            color: #fff;
-        }
-    }
-    .igx-grid__td--selected.changeNeg1,
-    .igx-grid__td--selected.changeNeg2,
-    .igx-grid__td--selected.changeNeg {
-        background-color: #7a1c32 !important;
-        .fintech-icons,
-        .igx-grid__td-text {
-            color: #fff;
-        }
-    }
-    // STRONG
-    // positive
-    .strongPositive {
-        .igx-grid__td-text {
-            background: #459a55;
-        }
-    }
-    .strongPositive1 {
-        background: #459a55;
-        color: #fff;
-    }
-    .strongPositive2 {
-        .igx-grid__td-text {
-            border-right: 4px solid #459a55;
-            padding-right: 4px;
-        }
-    }
-    // negative
-    .strongNegative {
-        .igx-grid__td-text {
-            background: #d31642;
-            color: #fff;
-        }
-    }
-    .strongNegative1 {
-        background: #d31642;
-        color: #fff;
-    }
-    .strongNegative2 {
-        .igx-grid__td-text {
-            border-right: 4px solid #d31642;
-            padding-right: 4px;
-        }
-    }
-    // selected
-    .igx-grid__td--selected.strongPositive1,
-    .igx-grid__td--selected.strongPositive2,
-    .igx-grid__td--selected.strongPositive {
-        background-color: #459a55 !important;
-        .fintech-icons,
-        .igx-grid__td-text {
-            color: #fff;
-        }
-    }
-    .igx-grid__td--selected.strongNegative1,
-    .igx-grid__td--selected.strongNegative2,
-    .igx-grid__td--selected.strongNegative {
-        background-color: #d31642 !important;
-        .fintech-icons,
-        .igx-grid__td-text {
-            color: #fff;
-        }
-    }
-    .controls-holder {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        flex-wrap: wrap;
-        width: 100%;
-        padding-bottom: 15px;
-    }
-
-    .switches {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        flex: 1 0 0%;
-        padding-right: 20px;
-        font-size: 0.9rem;
-    }
-    .control-item {
-        padding-right: 20px;
-        label {
-            color: var(--igx-surface-500-contrast);
-        }
-    }
-    .igx-slider,
-    .igx-slider--disabled {
-        height: 24px;
-    }
-    .fintech-slider {
-        width: 40%;
-        min-width: 145px;
-    }
-    .fintech-play-controls {
-        width: 45%;
-        min-width: 620px;
-        margin-top: 10px;
-    }
-    .sample-toolbar {
-        height: 20px;
-        font-size: 0.8rem;
-        line-height: 20px;
-        /* position: absolute; */
-        /* bottom: 10px; */
-        /* left: 10px; */
-        margin-top: 11px;
-    }
-    .fin-dark-theme {
-        .fintech-slider,
-        .sample-toolbar {
-            color: rgba(255, 255, 255, 0.87);
-        }
-    }
-    .igx-grid__outlet span,
-    .igx-excel-filter span,
-    .igx-excel-filter header,
-    .igx-excel-filter input {
-        font-size: 0.8125rem;
-    }
-
-    .igx-button--icon {
-        width: 2rem;
-        height: 2rem;
-    }
-}
-
-.grid__wrapper {
-    padding: 5px 15px;
-    height: 100%;
-}
-
-@include core();
-@include typography($font-family: $material-typeface, $type-scale: $material-type-scale);
-
-
-$green-palette: palette($primary: #09f, $secondary: #72da67, $surface: #333);
-
-:host {
-  ::ng-deep {
-
-    .fin-dark-theme {
-      @include dark-theme($green-palette);
-       background: #333;
-
-       igx-grid-cell {
-            .igx-button--icon {
-                width: 2rem;
-                height: 2rem;
-            }
-        }
-
-       ::-moz-placeholder {
-           opacity: 1;
-        }
-    }
-  }
-}

package/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.spec.ts

@@ -1,39 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
-import { IgxGridModule, IgxButtonModule, IgxSwitchModule, IgxSliderModule, IgxCheckboxModule, IgxDialogModule } from '<%=igxPackage%>';
-import { IgxCategoryChartModule } from 'igniteui-angular-charts';
-
-describe('<%=ClassName%>Component', () => {
-  let component: <%=ClassName%>Component;
-  let fixture: ComponentFixture<<%=ClassName%>Component>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-		imports: [
-		  FormsModule,
-		  BrowserAnimationsModule,
-		  IgxGridModule,
-		  IgxDialogModule,
-		  IgxCategoryChartModule,
-		  IgxButtonModule,
-		  IgxSwitchModule,
-		  IgxSliderModule,
-		  IgxCheckboxModule,
-		  <%=ClassName%>Component,
-		]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});