chore: demo polish

Author: yanmariomenev

examples-standalone/kendoangular-landing-page/src/app/app.routes.ts

@@ -4,7 +4,7 @@ export const routes: Routes = [
     {
         path: 'grid',
         loadComponent: () =>
-            import('./components/dynamic-grid/dynamic-grid.component').then((m) => m.DynamicGridComponent),
+            import('./components/grid/dynamic-grid.component').then((m) => m.DynamicGridComponent),
     },
     {
         path: 'scheduler',
@@ -52,6 +52,4 @@ export const routes: Routes = [
     },
     { path: 'home', redirectTo: 'header', pathMatch: 'full' },
     { path: '', redirectTo: 'header', pathMatch: 'full' },
-    { path: 'home', redirectTo: 'header', pathMatch: 'full' },
-    { path: '', redirectTo: 'header', pathMatch: 'full' },
 ];

examples-standalone/kendoangular-landing-page/src/app/components/conversational-ui/conversational-ui.component.ts

@@ -79,7 +79,7 @@ export class ConversationalUiComponent {
         },
     ];
 
-    public suggestions: string[] = ["Suggеstion 1", "Suggestion 2"];
+    public suggestions: string[] = ["Generate out-of-office email template", "Write a LinkedIn post on the importance of work/life balance"];
 
     private local: Subject<Message> = new Subject<Message>();
 

examples-standalone/kendoangular-landing-page/src/app/components/dropdowns/dropdowns.component.html

@@ -6,7 +6,7 @@
         </div>
         <div class="component-wrapper">
             <p>ComboBox</p>
-            <kendo-combobox [data]="listItems" [allowCustom]="allowCustom" [(value)]="selectedValues"> </kendo-combobox>
+            <kendo-combobox [data]="listItems" [allowCustom]="allowCustom" [(value)]="comboBoxValue"> </kendo-combobox>
         </div>
         <div class="component-wrapper">
             <p>MultiColumnComboBox</p>

examples-standalone/kendoangular-landing-page/src/app/components/dropdowns/dropdowns.component.ts

@@ -15,6 +15,7 @@ import { TreeItem } from '../../models/tree-item';
 export class DropdownsComponent {
     public allowCustom = true;
     public selectedValues: string = 'Baseball';
+    public comboBoxValue: string = 'Baseball';
     public value: any = ['Baseball', 'Cricket'];
     public dropdowntreeValue: { text: string; id: number } = { text: 'Sofas', id: 3 };
     public employees: Employee[] = employees;

examples-standalone/kendoangular-landing-page/src/app/components/dynamic-grid/dynamic-grid.component.css renamed to examples-standalone/kendoangular-landing-page/src/app/components/grid/dynamic-grid.component.css

@@ -21,3 +21,6 @@
 .green {
     color: #37b400;
 }
+.k-grid .k-table-row.k-table-alt-row {
+    background-color: transparent;
+}

examples-standalone/kendoangular-landing-page/src/app/components/dynamic-grid/dynamic-grid.component.html renamed to examples-standalone/kendoangular-landing-page/src/app/components/grid/dynamic-grid.component.html

@@ -1,27 +1,26 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { ChipThemeColor, KENDO_BUTTONS } from '@progress/kendo-angular-buttons';
-import { SVGIcon, caretAltDownIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { DataService } from '../../services/data.service';
-import { BehaviorSubject, Observable, Subject, Subscription, combineLatest } from 'rxjs';
-import { switchMap, takeUntil, tap, startWith } from 'rxjs/operators';
-import { FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
-import { ColumnMenuSettings, DataStateChangeEvent, GridDataResult, KENDO_GRID } from '@progress/kendo-angular-grid';
+import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { ChipThemeColor, KENDO_BUTTONS } from '@progress/kendo-angular-buttons';
+import { KENDO_CHARTS } from '@progress/kendo-angular-charts';
 import { KENDO_DROPDOWNS } from '@progress/kendo-angular-dropdowns';
+import { ColumnMenuSettings, DataStateChangeEvent, GridDataResult, KENDO_GRID } from '@progress/kendo-angular-grid';
+import { KENDO_ICONS } from '@progress/kendo-angular-icons';
 import { KENDO_INPUTS } from '@progress/kendo-angular-inputs';
-import { KENDO_CHARTS } from '@progress/kendo-angular-charts';
-import { KENDO_LABELS } from '@progress/kendo-angular-label';
 import { IntlModule } from '@progress/kendo-angular-intl';
-import { KENDO_ICONS } from '@progress/kendo-angular-icons';
+import { KENDO_LABELS } from '@progress/kendo-angular-label';
 import { KENDO_TOOLTIPS } from '@progress/kendo-angular-tooltip';
-import { cashIcon, goldIcon, realEstateIcon, securitiesIcon } from '../../data/custom-icons';
-import { DynamicGridItem } from '../../models/dynamic-grid-item';
 import { State } from '@progress/kendo-data-query';
+import { SVGIcon, caretAltDownIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
+import { Subscription } from 'rxjs';
+import { cashIcon, goldIcon, realEstateIcon, securitiesIcon } from '../../data/custom-icons';
+import { DataService } from '../../services/data.service';
 import { MultiCheckboxFilterComponent } from './multi-checkbox-filter/multi-checkbox-filter.component';
 
 @Component({
     selector: 'app-dynamic-grid',
+    encapsulation: ViewEncapsulation.None,
     imports: [
         FormsModule,
         CommonModule,