chore: fix styles

Author: mbechev

examples-standalone/coffee-warehouse/angular.json

@@ -30,7 +30,8 @@
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
-                "zone.js"
+                "zone.js",
+                "@angular/localize/init"
               ],
             "tsConfig": "tsconfig.app.json",
             "assets": [

examples-standalone/coffee-warehouse/package-lock.json

@@ -10,15 +10,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.3.15",
-    "@angular/common": "^20.3.15",
-    "@angular/compiler": "^20.3.15",
-    "@angular/core": "^20.3.15",
-    "@angular/forms": "^20.3.15",
-    "@angular/localize": "^20.3.15",
-    "@angular/platform-browser": "^20.3.15",
-    "@angular/platform-browser-dynamic": "^20.3.15",
-    "@angular/router": "^20.3.15",
+    "@angular/animations": "^21.0.2",
+    "@angular/common": "^21.0.2",
+    "@angular/compiler": "^21.0.2",
+    "@angular/core": "^21.0.2",
+    "@angular/forms": "^21.0.2",
+    "@angular/localize": "^21.0.2",
+    "@angular/platform-browser": "^21.0.2",
+    "@angular/platform-browser-dynamic": "^21.0.2",
+    "@angular/router": "^21.0.2",
     "@progress/kendo-angular-buttons": "21.1.0",
     "@progress/kendo-angular-charts": "^21.1.0",
     "@progress/kendo-angular-common": "21.1.0",
@@ -44,22 +44,27 @@
     "@progress/kendo-angular-tooltip": "21.1.0",
     "@progress/kendo-angular-treeview": "21.1.0",
     "@progress/kendo-angular-utils": "21.1.0",
-    "@progress/kendo-data-query": "^1.7.2",
-    "@progress/kendo-drawing": "^1.23.1",
-    "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-svg-icons": "^4.5.0",
+    "@progress/kendo-data-query": "^1.0.0",
+    "@progress/kendo-drawing": "^1.21.0",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-svg-icons": "^4.0.0",
     "@progress/kendo-theme-default": "^12.3.0",
     "@progress/kendo-theme-material": "^12.3.0",
     "@progress/kendo-theme-bootstrap": "^12.3.0",
     "hammerjs": "^2.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.15.1"
+    "zone.js": "~0.15.1",
+    "@progress/kendo-angular-indicators": "21.1.0",
+    "@progress/kendo-angular-conversational-ui": "21.1.0",
+    "@progress/kendo-angular-menu": "21.1.0",
+    "@progress/kendo-angular-pager": "21.1.0",
+    "@progress/kendo-angular-upload": "21.1.0"
   },
   "devDependencies": {
-    "@angular/build": "^20.3.12",
-    "@angular/cli": "^20.3.12",
-    "@angular/compiler-cli": "^20.3.15",
+    "@angular/build": "^21.0.1",
+    "@angular/cli": "^21.0.1",
+    "@angular/compiler-cli": "^21.0.2",
     "@types/jasmine": "~5.1.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
@@ -69,4 +74,4 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.9.3"
   }
-}
+}

examples-standalone/coffee-warehouse/package.json

@@ -1,18 +1,20 @@
 import { Component, OnDestroy, OnInit } from "@angular/core";
-import { NavigationStart, Router, RouterEvent } from "@angular/router";
+import { NavigationStart, Router, RouterOutlet } from "@angular/router";
 import { MessageService } from "@progress/kendo-angular-l10n";
 import {
   DrawerComponent,
   DrawerMode,
   DrawerSelectEvent,
+  KENDO_LAYOUT,
 } from "@progress/kendo-angular-layout";
 import { CustomMessagesService } from "./services/custom-messages.service";
 import { gridIcon, chartLineMarkersIcon, calendarIcon, userIcon, infoCircleIcon } from "@progress/kendo-svg-icons";
+import { HeaderComponent } from "./header/header.component";
 
-@Component({
-    selector: "app-root",
-    templateUrl: "./app.component.html",
-    standalone: false
+@Component({
+    selector: "app-root",
+    templateUrl: "./app.component.html",
+    imports: [KENDO_LAYOUT, RouterOutlet, HeaderComponent]
 })
 export class AppComponent implements OnInit, OnDestroy {
   public selected = "Team";

examples-standalone/coffee-warehouse/src/app/app.component.ts

@@ -0,0 +1,25 @@
+import { ApplicationConfig, LOCALE_ID, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { MessageService } from '@progress/kendo-angular-l10n';
+
+import { routes } from './app.routes';
+import { CustomMessagesService } from './services/custom-messages.service';
+import { ProfileImageService } from './services/profile-image.service';
+
+import '@progress/kendo-angular-intl/locales/en/all';
+import '@progress/kendo-angular-intl/locales/es/all';
+import '@progress/kendo-angular-intl/locales/fr/all';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    provideAnimations(),
+    provideHttpClient(withInterceptorsFromDi()),
+    { provide: MessageService, useClass: CustomMessagesService },
+    { provide: LOCALE_ID, useValue: 'en-US' },
+    ProfileImageService
+  ]
+};

examples-standalone/coffee-warehouse/src/app/app.config.ts

@@ -0,0 +1,14 @@
+import { Routes } from '@angular/router';
+import { TeamComponent } from './components/team/team.component';
+import { DashboardComponent } from './components/dashboard/dashboard.component';
+import { PlanningComponent } from './components/planning/planning.component';
+import { ProfileComponent } from './components/profile/profile.component';
+import { InfoComponent } from './components/info/info.component';
+
+export const routes: Routes = [
+    { path: '', component: TeamComponent },
+    { path: 'dashboard', component: DashboardComponent },
+    { path: 'planning', component: PlanningComponent },
+    { path: 'profile', component: ProfileComponent },
+    { path: 'info', component: InfoComponent }
+];