@progress/kendo-angular-common 19.3.0-develop.2 → 19.3.0-develop.21

package/esm2022/index.mjs

@@ -18,3 +18,4 @@ export { ScrollbarWidthService, scrollbarWidth } from './utils/scrollbar-width.s
 export * from './toggle-button-tab-stop';
 export * from './directives';
 export * from './template-context';
+export * from './localization/replace-message-placeholder';

package/esm2022/localization/replace-message-placeholder.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);

package/esm2022/utils/process-css-value.mjs

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export const processCssValue = (value) => {
+    if (typeof value === 'number') {
+        return `${value}px`;
+    }
+    else if (typeof value === 'string') {
+        const trimmedValue = value.trim();
+        const numValue = parseInt(trimmedValue, 10);
+        if (!isNaN(numValue) && Number.isFinite(numValue)) {
+            if (numValue.toString() === trimmedValue) {
+                return `${numValue}px`;
+            }
+            else {
+                return value;
+            }
+        }
+        return null;
+    }
+    return null;
+};

package/esm2022/utils.mjs

@@ -11,3 +11,4 @@ export { isSafari, isFirefox } from './utils/detect-browser';
 export * from './utils/html-attributes';
 export { isControlRequired } from './utils/forms-utils';
 export { areObjectsEqual } from './utils/objects-equal';
+export { processCssValue } from './utils/process-css-value';

package/esm2022/watermark/index.mjs

@@ -3,4 +3,4 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { WatermarkOverlayComponent } from './watermark.component';
-export { shouldShowValidationUI } from './validation';
+export { shouldShowValidationUI, getLicenseMessage } from './validation';

package/esm2022/watermark/validation.mjs

@@ -2,6 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { getLicenseStatus } from "@progress/kendo-licensing";
 const allowed = ['telerik.com', 'progress.com', 'stackblitz.io', 'csb.app'];
 /**
  * @hidden
@@ -10,3 +11,12 @@ export function shouldShowValidationUI(isPackageValid) {
     const skip = allowed.some((hostname) => globalThis.document?.location.hostname.endsWith(hostname));
     return !skip && !isPackageValid;
 }
+/**
+ * @hidden
+ *
+ * Returns the notification message to display, if any.
+ */
+export function getLicenseMessage(meta) {
+    const message = getLicenseStatus(meta).message;
+    return message?.notificationMessage;
+}

package/esm2022/watermark/watermark.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, HostBinding, ViewChild } from '@angular/core';
+import { Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';
 import { watermarkStyles, bannerStyles, licenseKeyUrl, buttonStyles } from './utils';
 import { isDocumentAvailable } from '../utils';
 import { NgIf, NgStyle } from '@angular/common';
@@ -13,6 +13,7 @@ let bannerPresentOnPage = false;
  */
 export class WatermarkOverlayComponent {
     watermarkStyle = watermarkStyles;
+    licenseMessage;
     banner;
     isOpen = true;
     bannerMounted = false;
@@ -42,7 +43,7 @@ export class WatermarkOverlayComponent {
         return isDocumentAvailable() && this.banner && this.banner.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
         <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
             <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -50,7 +51,8 @@ export class WatermarkOverlayComponent {
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -77,7 +79,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -97,6 +100,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { watermarkStyle: [{
                 type: HostBinding,
                 args: ['style']
+            }], licenseMessage: [{
+                type: Input
             }], banner: [{
                 type: ViewChild,
                 args: ['banner']

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

@@ -9,6 +9,7 @@ import { take, auditTime } from 'rxjs/operators';
 import { Draggable } from '@progress/kendo-draggable';
 import { merge, fromEvent, from, Subscription } from 'rxjs';
 import { NgIf, NgStyle } from '@angular/common';
+import { getLicenseStatus } from '@progress/kendo-licensing';
 
 /**
  * @hidden
@@ -204,6 +205,26 @@ const areObjectsEqual = (firstObject, secondObject) => {
     return equalSettings.length === Object.keys(firstObject).length;
 };
 
+const processCssValue = (value) => {
+    if (typeof value === 'number') {
+        return `${value}px`;
+    }
+    else if (typeof value === 'string') {
+        const trimmedValue = value.trim();
+        const numValue = parseInt(trimmedValue, 10);
+        if (!isNaN(numValue) && Number.isFinite(numValue)) {
+            if (numValue.toString() === trimmedValue) {
+                return `${numValue}px`;
+            }
+            else {
+                return value;
+            }
+        }
+        return null;
+    }
+    return null;
+};
+
 class DraggableDirective {
     element;
     ngZone;
@@ -912,6 +933,7 @@ let bannerPresentOnPage = false;
  */
 class WatermarkOverlayComponent {
     watermarkStyle = watermarkStyles;
+    licenseMessage;
     banner;
     isOpen = true;
     bannerMounted = false;
@@ -941,7 +963,7 @@ class WatermarkOverlayComponent {
         return isDocumentAvailable() && this.banner && this.banner.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
         <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
             <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -949,7 +971,8 @@ class WatermarkOverlayComponent {
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -976,7 +999,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -996,6 +1020,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { watermarkStyle: [{
                 type: HostBinding,
                 args: ['style']
+            }], licenseMessage: [{
+                type: Input
             }], banner: [{
                 type: ViewChild,
                 args: ['banner']
@@ -1009,6 +1035,15 @@ function shouldShowValidationUI(isPackageValid) {
     const skip = allowed.some((hostname) => globalThis.document?.location.hostname.endsWith(hostname));
     return !skip && !isPackageValid;
 }
+/**
+ * @hidden
+ *
+ * Returns the notification message to display, if any.
+ */
+function getLicenseMessage(meta) {
+    const message = getLicenseStatus(meta).message;
+    return message?.notificationMessage;
+}
 
 /**
  * Specifies the adornments in the prefix container of the [Inputs](slug:adornments_textbox#toc-prefix-adornments) and [DropDowns](slug:adornments_multiselect#toc-prefix-adornments).
@@ -1546,9 +1581,14 @@ const KENDO_TEMPLATE_CONTEXT = [
     TemplateContextDirective
 ];
 
+/**
+ * @hidden
+ */
+const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DraggableDirective, EventsOutsideAngularDirective, KENDO_ADORNMENTS, KENDO_COMMON, KENDO_DRAGGABLE, KENDO_EVENTS, KENDO_RESIZESENSOR, KENDO_TEMPLATE_CONTEXT, KENDO_TOGGLEBUTTONTABSTOP, KENDO_WATERMARK, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, TemplateContextDirective, ToggleButtonTabStopDirective, WatermarkOverlayComponent, anyChanged, applyAttributes, areObjectsEqual, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
+export { DraggableDirective, EventsOutsideAngularDirective, KENDO_ADORNMENTS, KENDO_COMMON, KENDO_DRAGGABLE, KENDO_EVENTS, KENDO_RESIZESENSOR, KENDO_TEMPLATE_CONTEXT, KENDO_TOGGLEBUTTONTABSTOP, KENDO_WATERMARK, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, TemplateContextDirective, ToggleButtonTabStopDirective, WatermarkOverlayComponent, anyChanged, applyAttributes, areObjectsEqual, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, getLicenseMessage, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, processCssValue, removeHTMLAttributes, replaceMessagePlaceholder, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
 

package/index.d.ts

@@ -18,3 +18,4 @@ export { ScrollbarWidthService, scrollbarWidth } from './utils/scrollbar-width.s
 export * from './toggle-button-tab-stop';
 export * from './directives';
 export * from './template-context';
+export * from './localization/replace-message-placeholder';

package/localization/replace-message-placeholder.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const replaceMessagePlaceholder: (message: string, name: string, value: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-common",
-  "version": "19.3.0-develop.2",
+  "version": "19.3.0-develop.21",
   "description": "Kendo UI for Angular - Utility Package",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.2",
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.2"
+    "@progress/kendo-angular-schematics": "19.3.0-develop.21"
   },
   "publishConfig": {
     "access": "public"

package/utils/process-css-value.d.ts

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export declare const processCssValue: (value: number | string) => string | null;

package/utils.d.ts

@@ -11,3 +11,4 @@ export { isSafari, isFirefox } from './utils/detect-browser';
 export * from './utils/html-attributes';
 export { isControlRequired } from './utils/forms-utils';
 export { areObjectsEqual } from './utils/objects-equal';
+export { processCssValue } from './utils/process-css-value';

package/watermark/index.d.ts

@@ -3,4 +3,4 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { WatermarkOverlayComponent } from './watermark.component';
-export { shouldShowValidationUI } from './validation';
+export { shouldShowValidationUI, getLicenseMessage } from './validation';

package/watermark/validation.d.ts

@@ -2,7 +2,14 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from "@progress/kendo-licensing";
 /**
  * @hidden
  */
 export declare function shouldShowValidationUI(isPackageValid: boolean): boolean;
+/**
+ * @hidden
+ *
+ * Returns the notification message to display, if any.
+ */
+export declare function getLicenseMessage(meta: PackageMetadata): string | undefined;

package/watermark/watermark.component.d.ts

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
  */
 export declare class WatermarkOverlayComponent implements OnInit, AfterViewInit, OnDestroy {
     watermarkStyle: string;
+    licenseMessage?: string;
     banner: ElementRef;
     isOpen: boolean;
     bannerMounted: boolean;
@@ -47,5 +48,5 @@ export declare class WatermarkOverlayComponent implements OnInit, AfterViewInit,
     closeBanner(): void;
     get isBannerRendered(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<WatermarkOverlayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WatermarkOverlayComponent, "div[kendoWatermarkOverlay]", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WatermarkOverlayComponent, "div[kendoWatermarkOverlay]", never, { "licenseMessage": { "alias": "licenseMessage"; "required": false; }; }, {}, never, never, true, never>;
 }