@progress/kendo-angular-label 23.1.1-develop.1 → 23.1.1-develop.3

package/fesm2022/progress-kendo-angular-label.mjs

@@ -203,7 +203,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.1.1-develop.1',
+    version: '23.1.1-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -422,6 +422,30 @@ class FloatingLabelComponent {
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
     }
+    /**
+     * @hidden
+     */
+    ngAfterContentChecked() {
+        if (!this.kendoInput || this.formControl) {
+            return;
+        }
+        const currentEmpty = isFunction(this.kendoInput.isEmpty)
+            ? this.kendoInput.isEmpty()
+            : this.isValueEmpty(this.kendoInput.value);
+        if (currentEmpty !== this.empty) {
+            this.empty = currentEmpty;
+            if (currentEmpty) {
+                this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
+            }
+            else {
+                this.renderer.removeClass(this.elementRef.nativeElement, 'k-empty');
+            }
+            if (!this.focused && hasObservers(this.positionChange)) {
+                this.positionChange.emit(currentEmpty ? 'In' : 'Out');
+            }
+            this.changeDetectorRef.markForCheck();
+        }
+    }
     /**
      * @hidden
      */
@@ -465,17 +489,6 @@ class FloatingLabelComponent {
         }
     }
     updateState() {
-        const empty = value => {
-            // zero is not an empty value (e.g., NumericTextBox)
-            if (value === 0 || value === false) {
-                return false;
-            }
-            // empty arrays are an empty value (e.g., MultiSelect)
-            if (Array.isArray(value) && !value.length) {
-                return true;
-            }
-            return !value;
-        };
         const formControl = this.formControl;
         if (formControl) {
             const valueAccessor = formControl.valueAccessor;
@@ -483,13 +496,13 @@ class FloatingLabelComponent {
                 this.empty = valueAccessor.isEmpty();
             }
             else {
-                this.empty = empty(formControl.value);
+                this.empty = this.isValueEmpty(formControl.value);
             }
             this.invalid = formControl.invalid && (formControl.touched || formControl.dirty);
         }
         else {
             this.empty = isFunction(this.kendoInput.isEmpty) ?
-                this.kendoInput.isEmpty() : empty(this.kendoInput.value);
+                this.kendoInput.isEmpty() : this.isValueEmpty(this.kendoInput.value);
         }
         if (this.empty) {
             this.renderer.addClass(this.elementRef.nativeElement, 'k-empty');
@@ -499,6 +512,17 @@ class FloatingLabelComponent {
         }
         this.changeDetectorRef.markForCheck();
     }
+    isValueEmpty(value) {
+        // zero is not an empty value (e.g., NumericTextBox)
+        if (value === 0 || value === false) {
+            return false;
+        }
+        // empty arrays are an empty value (e.g., MultiSelect)
+        if (Array.isArray(value) && !value.length) {
+            return true;
+        }
+        return !value;
+    }
     setAriaLabelledby(component) {
         const componentId = component.focusableId || component.id;
         if (componentId) {
@@ -589,8 +613,8 @@ class FloatingLabelComponent {
         </ng-container>
         <ng-content></ng-content>
         @if (text) {
-          <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
-            {{ text }}@if (optional) {
+          <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label"
+            >{{ text }}@if (optional) {
             <span class="k-label-optional">({{textFor('optional')}})</span>
           }
         </label>
@@ -617,8 +641,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         </ng-container>
         <ng-content></ng-content>
         @if (text) {
-          <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label">
-            {{ text }}@if (optional) {
+          <label [ngClass]="labelCssClass" [ngStyle]="labelCssStyle" [for]="id" [attr.id]="labelId" class="k-floating-label"
+            >{{ text }}@if (optional) {
             <span class="k-label-optional">({{textFor('optional')}})</span>
           }
         </label>
@@ -819,8 +843,7 @@ class LabelComponent {
           [class.k-label-empty]="!text"
           [ngClass]="labelCssClass"
           [ngStyle]="labelCssStyle"
-          >
-          {{ text }}@if (optional) {
+          >{{ text }}@if (optional) {
           <span class="k-label-optional">({{textFor('optional')}})</span>
         }
         </label>
@@ -850,8 +873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           [class.k-label-empty]="!text"
           [ngClass]="labelCssClass"
           [ngStyle]="labelCssStyle"
-          >
-          {{ text }}@if (optional) {
+          >{{ text }}@if (optional) {
           <span class="k-label-optional">({{textFor('optional')}})</span>
         }
         </label>

package/floating-label/floating-label.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { AfterContentChecked, AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NgControl } from '@angular/forms';
 import { FloatingLabelPosition } from './models/label-position';
@@ -25,7 +25,7 @@ import * as i0 from "@angular/core";
  * @remarks
  * Supported children components are: {@link CustomMessagesComponent}.
  */
-export declare class FloatingLabelComponent implements AfterContentInit, OnDestroy {
+export declare class FloatingLabelComponent implements AfterContentChecked, AfterContentInit, OnDestroy {
     private elementRef;
     private renderer;
     private changeDetectorRef;
@@ -97,6 +97,10 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
     private subscription;
     private autoFillStarted;
     constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, localization: LocalizationService);
+    /**
+     * @hidden
+     */
+    ngAfterContentChecked(): void;
     /**
      * @hidden
      */
@@ -112,6 +116,7 @@ export declare class FloatingLabelComponent implements AfterContentInit, OnDestr
     textFor(key: string): string;
     private subscribe;
     private updateState;
+    private isValueEmpty;
     private setAriaLabelledby;
     private setLabelFor;
     private handleAutofill;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1771491708,
-  "version": "23.1.1-develop.1",
+  "publishDate": 1771514230,
+  "version": "23.1.1-develop.3",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-label",
-  "version": "23.1.1-develop.1",
+  "version": "23.1.1-develop.3",
   "description": "Kendo UI Label for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1771491708,
+      "publishDate": 1771514230,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,13 +30,13 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "23.1.1-develop.1",
-    "@progress/kendo-angular-l10n": "23.1.1-develop.1",
+    "@progress/kendo-angular-common": "23.1.1-develop.3",
+    "@progress/kendo-angular-l10n": "23.1.1-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.1.1-develop.1"
+    "@progress/kendo-angular-schematics": "23.1.1-develop.3"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-label.mjs",