From e3e294f37cece92d08c21a370ea42ddd1d263108 Mon Sep 17 00:00:00 2001 From: AssylbekDanyshbek Date: Thu, 26 Sep 2024 16:52:37 +0500 Subject: [PATCH 1/7] fix angular demos for strong tooling --- .../Overview/Angular/app/app.component.html | 8 ++--- .../Angular/app/app.component.html | 2 +- .../Angular/app/app.component.html | 2 +- .../WithList/Angular/app/app.component.html | 1 - .../Overview/Angular/app/app.component.ts | 4 +-- .../Overview/Angular/app/app.service.ts | 2 +- .../Angular/app/app.component.ts | 3 +- .../TaskTemplate/Angular/app/app.component.ts | 3 +- .../Toolbar/Angular/app/app.component.ts | 2 +- .../Angular/app/app.component.ts | 2 +- .../WebAPI/Angular/app/app.component.html | 2 +- .../Overview/Angular/app/app.component.html | 10 +++--- .../Overview/Angular/app/app.component.ts | 4 +-- .../Scrolling/Angular/app/app.component.ts | 6 ++-- .../Scrolling/Angular/app/app.component.html | 4 +-- .../Angular/app/app.component.html | 4 +-- .../Angular/app/app.component.html | 2 +- .../Angular/app/app.component.ts | 6 ++-- .../Angular/app/app.component.html | 1 - .../Angular/app/app.component.html | 1 - .../Stack/Angular/app/app.component.html | 4 +-- .../Toast/Stack/Angular/app/app.component.ts | 2 +- .../Adaptability/Angular/app/app.component.ts | 35 ++++++++++++------- .../Angular/app/app.component.html | 1 - 24 files changed, 58 insertions(+), 53 deletions(-) diff --git a/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.html b/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.html index 5d91ba68a4b8..9caf4b4e678e 100644 --- a/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.html +++ b/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.html @@ -8,7 +8,7 @@ placeholder="Type first name..." [(value)]="firstName" [dataSource]="names" - (onValueChanged)="updateEmployeeInfo($event)" + (onValueChanged)="updateEmployeeInfo()" > @@ -24,7 +24,7 @@ [showClearButton]="true" [dataSource]="surnames" [(value)]="lastName" - (onValueChanged)="updateEmployeeInfo($event)" + (onValueChanged)="updateEmployeeInfo()" > @@ -57,7 +57,7 @@ valueExpr="State_Long" [dataSource]="states" [(value)]="state" - (onValueChanged)="updateEmployeeInfo($event)" + (onValueChanged)="updateEmployeeInfo()" >
{{ item.State_Long }} ({{ item.State_Short }}) @@ -78,7 +78,7 @@ valueExpr="Text" [dataSource]="clientsStore" [(value)]="currentClient" - (onValueChanged)="updateEmployeeInfo($event)" + (onValueChanged)="updateEmployeeInfo()" >
diff --git a/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.html b/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.html index b3ba3bb8472c..c7ca11bf9262 100644 --- a/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.html +++ b/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.html @@ -9,7 +9,7 @@ - + diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.html b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.html index 87324aa4592b..2a0ea39cd747 100644 --- a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.html +++ b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.html @@ -33,6 +33,6 @@ (onDropZoneLeave)="onDropZoneLeave($event)" (onUploaded)="onUploaded($event)" (onProgress)="onProgress($event)" - (onUploadStarted)="onUploadStarted($event)" + (onUploadStarted)="onUploadStarted()" > diff --git a/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.html b/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.html index 2920d0aa0fa6..38e4515682fb 100644 --- a/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.html +++ b/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.html @@ -2,7 +2,6 @@ diff --git a/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts index 78d73df7c99e..9672b9f16c9f 100644 --- a/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts +++ b/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts @@ -3,7 +3,7 @@ import { BrowserModule } from '@angular/platform-browser'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { DxGalleryModule } from 'devextreme-angular'; import { DxCheckBoxModule, DxCheckBoxTypes } from 'devextreme-angular/ui/check-box'; -import { Service } from './app.service'; +import { Service, Image } from './app.service'; if (!/localhost/.test(document.location.host)) { enableProdMode(); @@ -22,7 +22,7 @@ if (window && window.config.packageConfigPaths) { styleUrls: [`.${modulePrefix}/app.component.css`], }) export class AppComponent { - dataSource: string[]; + dataSource: Image[]; slideshowDelay = 2000; diff --git a/apps/demos/Demos/Gallery/Overview/Angular/app/app.service.ts b/apps/demos/Demos/Gallery/Overview/Angular/app/app.service.ts index e2832938b071..6e6535832c44 100644 --- a/apps/demos/Demos/Gallery/Overview/Angular/app/app.service.ts +++ b/apps/demos/Demos/Gallery/Overview/Angular/app/app.service.ts @@ -1,6 +1,6 @@ import { Injectable } from '@angular/core'; -interface Image { +export interface Image { imageAlt: string, imageSrc: string, } diff --git a/apps/demos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts index 865f7fd7a3ad..83367f66f791 100644 --- a/apps/demos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts +++ b/apps/demos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts @@ -1,5 +1,4 @@ -import { ViewEncapsulation } from '@angular/compiler'; -import { NgModule, Component, enableProdMode } from '@angular/core'; +import { NgModule, Component, enableProdMode, ViewEncapsulation } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { DxCheckBoxModule, DxSelectBoxModule, DxDateBoxModule } from 'devextreme-angular'; diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts index 6f1999dce81a..175c134c1907 100644 --- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts +++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts @@ -1,5 +1,4 @@ -import { ViewEncapsulation } from '@angular/compiler'; -import { NgModule, Component, enableProdMode } from '@angular/core'; +import { NgModule, Component, enableProdMode, ViewEncapsulation } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { DxGanttModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular'; diff --git a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts index 87677044849f..76335db9508f 100644 --- a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts +++ b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts @@ -1,4 +1,4 @@ -import { NgModule, Component, enableProdMode } from '@angular/core'; +import { NgModule, Component, enableProdMode, ViewEncapsulation } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { DxGanttModule, DxPopupModule } from 'devextreme-angular'; diff --git a/apps/demos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts index 52c637cd9b17..9efa3470e560 100644 --- a/apps/demos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts +++ b/apps/demos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts @@ -27,7 +27,7 @@ if (window && window.config.packageConfigPaths) { export class AppComponent { cities: City[]; - weatherData: City; + weatherData: City['data']; constructor(service: Service) { this.cities = service.getCities(); diff --git a/apps/demos/Demos/List/WebAPI/Angular/app/app.component.html b/apps/demos/Demos/List/WebAPI/Angular/app/app.component.html index 7597cfc94ec5..35cff88b2e9d 100644 --- a/apps/demos/Demos/List/WebAPI/Angular/app/app.component.html +++ b/apps/demos/Demos/List/WebAPI/Angular/app/app.component.html @@ -4,7 +4,7 @@ [dataSource]="listData" [grouped]="true" [collapsibleGroups]="true" - [selectionMode]="multiple" + selectionMode="multiple" [showSelectionControls]="true" pageLoadMode="scrollBottom" itemTemplate="data" diff --git a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.html b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.html index 459e731cd8e0..9eb62913d0df 100644 --- a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.html +++ b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.html @@ -4,20 +4,20 @@

- Birth date: {{ employeeInfo.Birth_Date }} + Birth date: {{ employeeInfo?.Birth_Date }}

Address:
{{ employeeInfo.City }}
- {{ employeeInfo.Zipcode }} - {{ employeeInfo.Address }} + {{ employeeInfo?.Zipcode }} + {{ employeeInfo?.Address }}

Phone: - {{ employeeInfo.Mobile_Phone }}{{ employeeInfo?.Mobile_Phone }}
- Email: {{ employeeInfo.Email }} + Email: {{ employeeInfo?.Email }}

diff --git a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts index cab923b29468..0c457a75fd05 100644 --- a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts +++ b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts @@ -26,7 +26,7 @@ if (window && window.config.packageConfigPaths) { export class AppComponent { employee: Employee; - employeeInfo: Employee | {} = {}; + employeeInfo: Employee | null = null; loadingVisible = false; @@ -45,7 +45,7 @@ export class AppComponent { } showLoadPanel() { - this.employeeInfo = {}; + this.employeeInfo = null; this.loadingVisible = true; } } diff --git a/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts b/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts index df9c11c12ec4..3348282b997f 100644 --- a/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts +++ b/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts @@ -2,7 +2,7 @@ import { NgModule, Component, enableProdMode } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { DxCheckBoxModule } from 'devextreme-angular'; -import { DxMenuModule } from 'devextreme-angular/ui/menu'; +import { DxMenuModule, DxMenuTypes } from 'devextreme-angular/ui/menu'; import notify from 'devextreme/ui/notify'; import { Product, Service } from './app.service'; @@ -33,13 +33,13 @@ export class AppComponent { this.products = service.getProducts(); } - itemClick(e: ItemClickEvent) { + itemClick(e: DxMenuTypes.ItemClickEvent) { if (!e.itemData.items) { notify(`The "${e.itemData.text}" item was clicked`, 'success', 1500); } } - onSubmenuShowing({ submenuContainer }: HTMLElement) { + onSubmenuShowing({ submenuContainer }: DxMenuTypes.SubmenuShowingEvent) { submenuContainer.style.maxHeight = this.limitSubmenuHeight ? `${this.SUBMENU_HEIGHT}px` : ''; } } diff --git a/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.html b/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.html index 7b2ea8f60893..dd66dbaf138c 100644 --- a/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.html +++ b/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.html @@ -4,7 +4,7 @@ text="Show Popup" type="default" [width]="300" - (onClick)="showPopup($event)" + (onClick)="showPopup()" >
A native scrollable container
@@ -14,7 +14,7 @@
The ScrollView
diff --git a/apps/demos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.html b/apps/demos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.html index df9e3db50ddc..1249bfc009fd 100644 --- a/apps/demos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.html +++ b/apps/demos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.html @@ -17,10 +17,10 @@ [endValue]="endValue" [placeholderHeight]="20" > - + - + diff --git a/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.html b/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.html index f2b968b531fc..3e49ca7f582c 100644 --- a/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.html +++ b/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.html @@ -19,6 +19,6 @@ diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts index 20101e3397a8..374be92cffc9 100644 --- a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts +++ b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts @@ -34,9 +34,9 @@ if (window && window.config.packageConfigPaths) { export class AppComponent { dataSource: DataSource; - dinnerTime = this.dataService.getDinnerTime(); + dinnerTime: { from: number, to: number }; - holidays = this.dataService.getHolidays(); + holidays: Date[]; currentDate = new Date(2021, 3, 27); @@ -45,6 +45,8 @@ export class AppComponent { currentView = this.views[0]; constructor(public dataService: DataService) { + this.dinnerTime = this.dataService.getDinnerTime(); + this.holidays = this.dataService.getHolidays(); this.dataSource = new DataSource({ store: dataService.getData(), }); diff --git a/apps/demos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.html b/apps/demos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.html index 1f2ceb3cf6a7..cda79a21387e 100644 --- a/apps/demos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.html +++ b/apps/demos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.html @@ -1,7 +1,6 @@
- +
diff --git a/apps/demos/Demos/Toast/Stack/Angular/app/app.component.ts b/apps/demos/Demos/Toast/Stack/Angular/app/app.component.ts index c22913895e0b..21e56a718627 100644 --- a/apps/demos/Demos/Toast/Stack/Angular/app/app.component.ts +++ b/apps/demos/Demos/Toast/Stack/Angular/app/app.component.ts @@ -48,7 +48,7 @@ export class AppComponent { predefinedPosition: Position = 'bottom center'; - coordinatePosition: Position = { + coordinatePosition = { top: undefined, bottom: undefined, left: undefined, diff --git a/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts index d5fc571a5cf8..9a0171ce25af 100644 --- a/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts +++ b/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts @@ -45,29 +45,38 @@ if (window && window.config.packageConfigPaths) { export class AppComponent { stylingMode = !themes.current().startsWith('generic') ? 'text' : undefined; - fontSizes: FontSize[] = this.service.getFontSizes(); + fontSizes: FontSize[] = []; - lineHeights: LineHeight[] = this.service.getLineHeights(); + lineHeights: LineHeight[] = []; - lineHeight: number[] = [this.lineHeights[1].lineHeight]; + lineHeight: number[] = [this.lineHeights[1]?.lineHeight]; - fontFamilies: FontFamily[] = this.service.getFontFamilies(); + fontFamilies: FontFamily[] = []; - headings: Heading[] = this.service.getHeadings(); + headings: Heading[] = []; - heading = this.headings[0].text; + heading = this.headings[0]?.text; - fontStyles: FontStyle[] = this.service.getFontStyles(); + fontStyles: FontStyle[] = []; - textAlignItems: TextAlign[] = this.service.getTextAlign(); + textAlignItems: TextAlign[] = []; - textAlignItemsExtended: TextAlignExtended[] = this.service.getTextAlignExtended(); + textAlignItemsExtended: TextAlignExtended[] = []; - selectedTextAlign = [this.textAlignItems[0].alignment]; + selectedTextAlign = [this.textAlignItems[0]?.alignment]; - listTypes: ListType[] = this.service.getListType(); + listTypes: ListType[] = []; - constructor(private service: Service) {} + constructor(private service: Service) { + this.fontSizes = service.getFontSizes(); + this.lineHeights = service.getLineHeights(); + this.fontFamilies = service.getFontFamilies(); + this.headings = service.getHeadings(); + this.fontStyles = service.getFontStyles(); + this.textAlignItems = service.getTextAlign(); + this.textAlignItemsExtended = service.getTextAlignExtended(); + this.listTypes = service.getListType(); + } onTextAlignChanged(e: { itemData: { hint: string } }): void { this.onButtonClick(e.itemData.hint); @@ -107,4 +116,4 @@ export class AppComponent { }) export class AppModule {} -platformBrowserDynamic().bootstrapModule(AppModule); +platformBrowserDynamic().bootstrapModule(AppModule); \ No newline at end of file diff --git a/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.html b/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.html index 88c08a28b2f4..f3d0a1989c02 100644 --- a/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.html +++ b/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.html @@ -4,7 +4,6 @@ keyExpr="ID" parentIdExpr="Head_ID" [expandedRowKeys]="[1]" - [columns]="columns" [filterValue]="filterValue" [showBorders]="true" > From e2e192ed0e2ce74cc39b47974a6fd15387a85f45 Mon Sep 17 00:00:00 2001 From: AssylbekDanyshbek Date: Fri, 27 Sep 2024 09:33:10 +0500 Subject: [PATCH 2/7] Fix demo angular Gantt Toolbar binding --- apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.html b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.html index 004a61075d64..49a820aff211 100644 --- a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.html +++ b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.html @@ -37,7 +37,7 @@ Date: Fri, 27 Sep 2024 11:16:28 +0500 Subject: [PATCH 3/7] skip-cache activation From 124fc5ea9effac8acc10e43f21e4b496588c8fd8 Mon Sep 17 00:00:00 2001 From: AssylbekDanyshbek Date: Fri, 27 Sep 2024 15:11:19 +0500 Subject: [PATCH 4/7] run prettier --- apps/demos/Demos/Toast/Stack/Angular/app/app.component.html | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/apps/demos/Demos/Toast/Stack/Angular/app/app.component.html b/apps/demos/Demos/Toast/Stack/Angular/app/app.component.html index 48380d1448ac..83643e9b2433 100644 --- a/apps/demos/Demos/Toast/Stack/Angular/app/app.component.html +++ b/apps/demos/Demos/Toast/Stack/Angular/app/app.component.html @@ -67,10 +67,6 @@
- +
From 33d69083f57ebbea8efb75b0df173e8a102fdca9 Mon Sep 17 00:00:00 2001 From: AssylbekDanyshbek Date: Mon, 30 Sep 2024 14:40:30 +0500 Subject: [PATCH 5/7] empty commit for artifact update From 99045d59e38d9f0186933858240fd9b7f9a5119f Mon Sep 17 00:00:00 2001 From: AssylbekDanyshbek Date: Mon, 14 Oct 2024 17:09:48 +0500 Subject: [PATCH 6/7] Angular - Toolbar Adaptability providers and types fix --- .../Adaptability/Angular/app/app.component.ts | 37 ++++++++----------- 1 file changed, 15 insertions(+), 22 deletions(-) diff --git a/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts index 9a0171ce25af..5f703626a038 100644 --- a/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts +++ b/apps/demos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts @@ -1,4 +1,4 @@ -import { NgModule, Component, enableProdMode } from '@angular/core'; +import { NgModule, Component, enableProdMode, inject } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { @@ -43,39 +43,32 @@ if (window && window.config.packageConfigPaths) { }) export class AppComponent { - stylingMode = !themes.current().startsWith('generic') ? 'text' : undefined; - - fontSizes: FontSize[] = []; + customService = inject(Service); - lineHeights: LineHeight[] = []; + stylingMode = !themes.current().startsWith('generic') ? 'text' : undefined; - lineHeight: number[] = [this.lineHeights[1]?.lineHeight]; + fontSizes: FontSize[] = this.customService.getFontSizes(); + + lineHeights: LineHeight[] = this.customService.getLineHeights(); + lineHeight: number[] = [this.lineHeights[1].lineHeight]; - fontFamilies: FontFamily[] = []; + fontFamilies: FontFamily[] = this.customService.getFontFamilies(); - headings: Heading[] = []; + headings: Heading[] = this.customService.getHeadings(); heading = this.headings[0]?.text; - fontStyles: FontStyle[] = []; + fontStyles: FontStyle[] = this.customService.getFontStyles(); - textAlignItems: TextAlign[] = []; + textAlignItems: TextAlign[] = this.customService.getTextAlign(); - textAlignItemsExtended: TextAlignExtended[] = []; + textAlignItemsExtended: TextAlignExtended[] = this.customService.getTextAlignExtended(); selectedTextAlign = [this.textAlignItems[0]?.alignment]; - listTypes: ListType[] = []; - - constructor(private service: Service) { - this.fontSizes = service.getFontSizes(); - this.lineHeights = service.getLineHeights(); - this.fontFamilies = service.getFontFamilies(); - this.headings = service.getHeadings(); - this.fontStyles = service.getFontStyles(); - this.textAlignItems = service.getTextAlign(); - this.textAlignItemsExtended = service.getTextAlignExtended(); - this.listTypes = service.getListType(); + listTypes: ListType[] = this.customService.getListType(); + + constructor() { } onTextAlignChanged(e: { itemData: { hint: string } }): void { From f0de6aeef4bba70a586b6d66e96883d5a5728d7e Mon Sep 17 00:00:00 2001 From: AssylbekDanyshbek Date: Tue, 15 Oct 2024 16:49:03 +0500 Subject: [PATCH 7/7] Angular Load Panel Employee type fix --- .../Demos/LoadPanel/Overview/Angular/app/app.component.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts index 0c457a75fd05..760de55aea22 100644 --- a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts +++ b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts @@ -26,7 +26,7 @@ if (window && window.config.packageConfigPaths) { export class AppComponent { employee: Employee; - employeeInfo: Employee | null = null; + employeeInfo = new Employee(); loadingVisible = false; @@ -45,7 +45,7 @@ export class AppComponent { } showLoadPanel() { - this.employeeInfo = null; + this.employeeInfo = new Employee(); this.loadingVisible = true; } }