From ef5728232d3cb4625ea2d43983c16a1a066a6cf4 Mon Sep 17 00:00:00 2001
From: dtopalov <dimiter.topalov79@gmail.com>
Date: Fri, 20 Sep 2024 20:09:41 +0300
Subject: [PATCH] chore: update numeric formats and steps

---
 .../numeric-textbox-buttons.component.html        |  1 +
 .../settings-list/settings-list.component.html    | 14 +++++++++++---
 .../settings-list/settings-list.component.ts      | 15 +--------------
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/examples-standalone/coffee-warehouse/src/app/components/numeric-textbox-buttons/numeric-textbox-buttons.component.html b/examples-standalone/coffee-warehouse/src/app/components/numeric-textbox-buttons/numeric-textbox-buttons.component.html
index b79ef9b2..679f5f14 100644
--- a/examples-standalone/coffee-warehouse/src/app/components/numeric-textbox-buttons/numeric-textbox-buttons.component.html
+++ b/examples-standalone/coffee-warehouse/src/app/components/numeric-textbox-buttons/numeric-textbox-buttons.component.html
@@ -12,6 +12,7 @@
     <kendo-numerictextbox
         size="large"
         rounded="large"
+        [step]="step"
         [format]="format"
         [min]="$any(min)"
         [max]="$any(max)"
diff --git a/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html b/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
index 16ffd880..db8b7608 100644
--- a/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
+++ b/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
@@ -20,7 +20,10 @@
     <form class="k-form k-form-md">
         <kendo-formfield>
             <kendo-label text="Text size:"></kendo-label>
-            <kendo-numeric-textbox-buttons [showBadge]="getSetting('fontSize') !== 16" (valueChange)="settingChange({'fontSize': $event})" [value]="getSetting('fontSize')"></kendo-numeric-textbox-buttons>
+            <kendo-numeric-textbox-buttons 
+                [showBadge]="getSetting('fontSize') !== 16" 
+                [step]="4"
+                (valueChange)="settingChange({'fontSize': $event})" [value]="getSetting('fontSize')" format="# PX"></kendo-numeric-textbox-buttons>
         </kendo-formfield>
         <kendo-formfield>
             <kendo-label text="Color theme:"></kendo-label>
@@ -61,12 +64,17 @@
 
         <kendo-formfield>
             <kendo-label text="Line Height:"></kendo-label>
-            <kendo-numeric-textbox-buttons [showBadge]="getSetting('lineHeight') !== 1" [min]="1" (valueChange)="settingChange({'lineHeight': $event})" [value]="getSetting('lineHeight')"></kendo-numeric-textbox-buttons>
+            <kendo-numeric-textbox-buttons 
+                [step]="0.1" [decimals]="1" 
+                [showBadge]="getSetting('lineHeight') !== 1" 
+                [min]="0" (valueChange)="settingChange({'lineHeight': $event})" 
+                format="#.# EM"
+                [value]="getSetting('lineHeight')"></kendo-numeric-textbox-buttons>
         </kendo-formfield>
 
         <kendo-formfield>
             <kendo-label text="Letter Spacing:"></kendo-label>
-            <kendo-numeric-textbox-buttons [showBadge]="getSetting('letterSpacing') !== 0" (valueChange)="settingChange({'letterSpacing': $event})" [value]="getSetting('letterSpacing')"></kendo-numeric-textbox-buttons>
+            <kendo-numeric-textbox-buttons format="# PX" [min]="0" [showBadge]="getSetting('letterSpacing') !== 0" (valueChange)="settingChange({'letterSpacing': $event})" [value]="getSetting('letterSpacing')"></kendo-numeric-textbox-buttons>
         </kendo-formfield>
 
         <kendo-formfield>
diff --git a/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.ts b/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.ts
index 6afd0d47..55d292ac 100644
--- a/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.ts
+++ b/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.ts
@@ -107,20 +107,7 @@ export class SettingsListComponent {
     }
 
     public onValueChange(value: string) {
-        console.log(`combo value changed, new value: `, value);
-        // get settings after API call
-        // call settingChange with the respective settings for the combobox value
-
-        // sample usage
-        this.subs.add(this.httpService.get('https://jsonplaceholder.typicode.com/todos/1')
-            .subscribe(r => console.log('from API', r)));
-
-        this.subs.add(this.httpService.post('https://jsonplaceholder.typicode.com/posts', {
-            title: value,
-            body: 'body',
-            userId: 1,
-        }).subscribe(r => console.log('from API', r)));
-
+        console.log(`value change`);
         this.comboboxValue = value;
     }