@progress/kendo-angular-common 25.0.0-develop.5 → 25.0.0-develop.7

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

@@ -251,7 +251,7 @@ class DraggableDirective {
     kendoPress = new EventEmitter();
     kendoDrag = new EventEmitter();
     kendoRelease = new EventEmitter();
-    draggable;
+    draggable = signal(undefined, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
     _enableDrag = signal(true, ...(ngDevMode ? [{ debugName: "_enableDrag" }] : []));
     constructor(element, ngZone) {
         this.element = element;
@@ -265,19 +265,19 @@ class DraggableDirective {
         if (isDocumentAvailable()) {
             this.destroyDraggable();
             if (this.enableDrag) {
-                this.draggable = new Draggable({
+                this.draggable.set(new Draggable({
                     drag: (e) => this.kendoDrag.next(e),
                     press: (e) => this.kendoPress.next(e),
                     release: (e) => this.kendoRelease.next(e)
-                });
-                this.ngZone.runOutsideAngular(() => this.draggable?.bindTo(this.element.nativeElement));
+                }));
+                this.ngZone.runOutsideAngular(() => this.draggable()?.bindTo(this.element.nativeElement));
             }
         }
     }
     destroyDraggable() {
-        if (this.draggable) {
-            this.draggable.destroy();
-            this.draggable = undefined;
+        if (this.draggable()) {
+            this.draggable()?.destroy();
+            this.draggable.set(undefined);
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
@@ -503,11 +503,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 class ResizeService {
     resizeBatchService;
     resize = new EventEmitter();
-    acceptedSize = false;
-    lastWidth;
-    lastHeight;
-    state = 0 /* ServiceState.Initial */;
-    parentElement;
+    set acceptedSize(value) { this._acceptedSize.set(value); }
+    get acceptedSize() { return this._acceptedSize(); }
+    set lastWidth(value) { this._lastWidth?.set(value); }
+    get lastWidth() { return this._lastWidth?.(); }
+    set lastHeight(value) { this._lastHeight?.set(value); }
+    get lastHeight() { return this._lastHeight?.(); }
+    set state(value) { this._state.set(value); }
+    get state() { return this._state(); }
+    set parentElement(value) { this._parentElement.set(value); }
+    get parentElement() { return this._parentElement(); }
+    _acceptedSize = signal(false, ...(ngDevMode ? [{ debugName: "_acceptedSize" }] : []));
+    _lastWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_lastWidth" }] : []));
+    _lastHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_lastHeight" }] : []));
+    _state = signal(0 /* ServiceState.Initial */, ...(ngDevMode ? [{ debugName: "_state" }] : []));
+    _parentElement = signal(null, ...(ngDevMode ? [{ debugName: "_parentElement" }] : []));
     constructor(resizeBatchService) {
         this.resizeBatchService = resizeBatchService;
     }
@@ -597,9 +607,15 @@ const SHRINK_CHILD_STYLES = {
 class ResizeCompatService extends ResizeService {
     element;
     ngZone;
-    expand;
-    expandChild;
-    shrink;
+    set expand(value) { this._expand.set(value); }
+    get expand() { return this._expand(); }
+    set expandChild(value) { this._expandChild.set(value); }
+    get expandChild() { return this._expandChild(); }
+    set shrink(value) { this._shrink.set(value); }
+    get shrink() { return this._shrink(); }
+    _expand = signal(null, ...(ngDevMode ? [{ debugName: "_expand" }] : []));
+    _expandChild = signal(null, ...(ngDevMode ? [{ debugName: "_expandChild" }] : []));
+    _shrink = signal(null, ...(ngDevMode ? [{ debugName: "_shrink" }] : []));
     subscription;
     constructor(resizeBatchService, element, ngZone) {
         super(resizeBatchService);
@@ -695,10 +711,12 @@ const HAS_OBSERVER = typeof ResizeObserver !== 'undefined';
 class ResizeObserverService extends ResizeService {
     element;
     ngZone;
-    resizeObserver;
+    set resizeObserver(value) { this._resizeObserver.set(value); }
+    get resizeObserver() { return this._resizeObserver(); }
     static supported() {
         return HAS_OBSERVER;
     }
+    _resizeObserver = signal(null, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : []));
     constructor(resizeBatchService, element, ngZone) {
         super(resizeBatchService);
         this.element = element;
@@ -730,7 +748,9 @@ class ResizeObserverService extends ResizeService {
  */
 class ResizeBatchService {
     ngZone;
-    scheduled = [];
+    set scheduled(value) { this._scheduled.set(value); }
+    get scheduled() { return this._scheduled(); }
+    _scheduled = signal([], ...(ngDevMode ? [{ debugName: "_scheduled" }] : []));
     resolvedPromise = Promise.resolve(null);
     subscription;
     constructor(ngZone) {
@@ -742,7 +762,9 @@ class ResizeBatchService {
         if (!this.subscription) {
             this.ngZone.runOutsideAngular(() => {
                 this.subscription = from(this.resolvedPromise)
-                    .subscribe(this.flush);
+                    .subscribe(() => {
+                    this.flush();
+                });
             });
         }
     }
@@ -811,7 +833,8 @@ class ResizeSensorComponent {
      */
     resize = new EventEmitter();
     subscription;
-    resizeService;
+    set resizeService(value) { this._resizeService.set(value); }
+    get resizeService() { return this._resizeService(); }
     constructor(resizeBatchService, element, ngZone) {
         const serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
         this.resizeService = new serviceType(resizeBatchService, element, ngZone);
@@ -825,6 +848,7 @@ class ResizeSensorComponent {
         });
     }
     _rateLimit = signal(DEFAULT_RATE_LIMIT, ...(ngDevMode ? [{ debugName: "_rateLimit" }] : []));
+    _resizeService = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeService" }] : []));
     ngAfterViewChecked() {
         this.resizeService.checkChanges();
     }
@@ -1117,19 +1141,59 @@ let bannerPresentOnPage = false;
  * @hidden
  */
 class WatermarkOverlayComponent {
-    licenseMessage;
+    set licenseMessage(value) {
+        this._licenseMessage.set(value);
+    }
+    get licenseMessage() {
+        return this._licenseMessage();
+    }
     banner;
     watermarkStyle = watermarkStyles;
-    isOpen = true;
-    isMobile = false;
-    isNarrow = false;
-    isCloseHovered = false;
-    isCTAHovered = false;
-    bannerMounted = false;
+    set isOpen(value) {
+        this._isOpen.set(value);
+    }
+    get isOpen() {
+        return this._isOpen();
+    }
+    set isMobile(value) {
+        this._isMobile.set(value);
+    }
+    get isMobile() {
+        return this._isMobile();
+    }
+    set isNarrow(value) {
+        this._isNarrow.set(value);
+    }
+    get isNarrow() {
+        return this._isNarrow();
+    }
+    set isCloseHovered(value) {
+        this._isCloseHovered.set(value);
+    }
+    get isCloseHovered() {
+        return this._isCloseHovered();
+    }
+    set isCTAHovered(value) {
+        this._isCTAHovered.set(value);
+    }
+    get isCTAHovered() {
+        return this._isCTAHovered();
+    }
+    set bannerMounted(value) {
+        this._bannerMounted.set(value);
+    }
+    get bannerMounted() {
+        return this._bannerMounted();
+    }
     get messages() {
         return [this.primaryMessage, ...this.extraMessages];
     }
-    extraMessages = [];
+    set extraMessages(value) {
+        this._extraMessages.set(value);
+    }
+    get extraMessages() {
+        return this._extraMessages();
+    }
     get primaryMessage() {
         return (this.licenseMessage || {
             severity: 'ERROR',
@@ -1142,6 +1206,14 @@ class WatermarkOverlayComponent {
         });
     }
     licenseKeyUrl = licenseKeyUrl;
+    _isOpen = signal(true, ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
+    _isMobile = signal(false, ...(ngDevMode ? [{ debugName: "_isMobile" }] : []));
+    _isNarrow = signal(false, ...(ngDevMode ? [{ debugName: "_isNarrow" }] : []));
+    _isCloseHovered = signal(false, ...(ngDevMode ? [{ debugName: "_isCloseHovered" }] : []));
+    _isCTAHovered = signal(false, ...(ngDevMode ? [{ debugName: "_isCTAHovered" }] : []));
+    _bannerMounted = signal(false, ...(ngDevMode ? [{ debugName: "_bannerMounted" }] : []));
+    _licenseMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_licenseMessage" }] : []));
+    _extraMessages = signal([], ...(ngDevMode ? [{ debugName: "_extraMessages" }] : []));
     getContent(msg) {
         const iconContent = msg.notificationIcon?.content;
         return {
@@ -1187,7 +1259,7 @@ class WatermarkOverlayComponent {
     subscribeLicenseMessage() {
         this.unsubscribeLicenseMessage = registerLicenseMessage(this.licenseMessage, 'KENDOUIANGULAR', ({ message }) => {
             // Add messages from other suites
-            this.extraMessages.push(message);
+            this._extraMessages.update(msgs => [...msgs, message]);
         }, () => {
             // Show our own message dialog
             this.bannerMounted = true;
@@ -1358,7 +1430,7 @@ class WatermarkOverlayComponent {
             }
         </div>
         }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
             type: Component,
@@ -1519,6 +1591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
     `,
                     standalone: true,
                     imports: [NgStyle, NgTemplateOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { licenseMessage: [{
                 type: Input
@@ -1530,7 +1603,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 args: ['style']
             }] } });
 
-const allowed = ['telerik.com', 'progress.com', 'stackblitz.io', 'csb.app'];
+const allowed = ['telerik.com', 'progress.com', 'stackblitz.io', 'csb.app', 'webcontainer.io'];
 /**
  * @hidden
  */
@@ -2186,7 +2259,7 @@ const KENDO_TEMPLATE_CONTEXT = [
 /**
  * @hidden
  */
-const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
+const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`\\[\\[\\s*${name}\\s*]]|{\\s*${name}\\s*}`, 'g'), value);
 
 /**
  * Generated bundle index. Do not edit.

package/index.d.ts

@@ -83,7 +83,9 @@ declare class EventsOutsideAngularDirective implements OnInit, OnDestroy {
  */
 declare class ResizeBatchService implements OnDestroy {
     private ngZone;
-    private scheduled;
+    private set scheduled(value);
+    private get scheduled();
+    private _scheduled;
     private resolvedPromise;
     private subscription?;
     constructor(ngZone: NgZone);
@@ -115,9 +117,11 @@ declare class ResizeSensorComponent implements OnDestroy, AfterViewChecked {
      */
     resize: EventEmitter<any>;
     private subscription;
-    private resizeService;
+    private set resizeService(value);
+    private get resizeService();
     constructor(resizeBatchService: ResizeBatchService, element: ElementRef, ngZone: NgZone);
     private _rateLimit;
+    private _resizeService;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     acceptSize(size?: any): void;
@@ -133,12 +137,22 @@ declare const enum ServiceState {
 declare abstract class ResizeService {
     protected resizeBatchService: ResizeBatchService;
     resize: EventEmitter<any>;
-    acceptedSize: boolean;
-    lastWidth?: number;
-    lastHeight?: number;
-    protected state: ServiceState;
-    protected parentElement: any;
+    set acceptedSize(value: boolean);
+    get acceptedSize(): boolean;
+    set lastWidth(value: number | undefined);
+    get lastWidth(): number | undefined;
+    set lastHeight(value: number | undefined);
+    get lastHeight(): number | undefined;
+    protected set state(value: ServiceState);
+    protected get state(): ServiceState;
+    protected set parentElement(value: any);
+    protected get parentElement(): any;
     protected abstract init(): void;
+    private _acceptedSize;
+    private _lastWidth?;
+    private _lastHeight?;
+    private _state;
+    private _parentElement;
     constructor(resizeBatchService: ResizeBatchService);
     acceptSize(size?: any): void;
     checkChanges(): void;
@@ -151,9 +165,15 @@ declare abstract class ResizeService {
 declare class ResizeCompatService extends ResizeService {
     private element;
     private ngZone;
-    private expand;
-    private expandChild;
-    private shrink;
+    private set expand(value);
+    private get expand();
+    private set expandChild(value);
+    private get expandChild();
+    private set shrink(value);
+    private get shrink();
+    private _expand;
+    private _expandChild;
+    private _shrink;
     private subscription?;
     constructor(resizeBatchService: ResizeBatchService, element: ElementRef | null, ngZone: NgZone);
     checkChanges(): void;
@@ -171,8 +191,10 @@ declare class ResizeCompatService extends ResizeService {
 declare class ResizeObserverService extends ResizeService {
     private element;
     private ngZone;
-    private resizeObserver;
+    private set resizeObserver(value);
+    private get resizeObserver();
     static supported(): boolean;
+    private _resizeObserver;
     constructor(resizeBatchService: ResizeBatchService, element: ElementRef, ngZone: NgZone);
     destroy(): void;
     protected init(): void;
@@ -409,19 +431,35 @@ declare function setter(field: string): any;
  * @hidden
  */
 declare class WatermarkOverlayComponent implements OnInit, AfterViewInit, OnDestroy {
-    licenseMessage?: LicenseMessage;
+    set licenseMessage(value: LicenseMessage | undefined);
+    get licenseMessage(): LicenseMessage | undefined;
     banner: ElementRef;
     watermarkStyle: string;
-    isOpen: boolean;
-    isMobile: boolean;
-    isNarrow: boolean;
-    isCloseHovered: boolean;
-    isCTAHovered: boolean;
-    bannerMounted: boolean;
+    set isOpen(value: boolean);
+    get isOpen(): boolean;
+    set isMobile(value: boolean);
+    get isMobile(): boolean;
+    set isNarrow(value: boolean);
+    get isNarrow(): boolean;
+    set isCloseHovered(value: boolean);
+    get isCloseHovered(): boolean;
+    set isCTAHovered(value: boolean);
+    get isCTAHovered(): boolean;
+    set bannerMounted(value: boolean);
+    get bannerMounted(): boolean;
     get messages(): LicenseMessage[];
-    extraMessages: LicenseMessage[];
+    set extraMessages(value: LicenseMessage[]);
+    get extraMessages(): LicenseMessage[];
     get primaryMessage(): LicenseMessage;
     licenseKeyUrl: string;
+    private _isOpen;
+    private _isMobile;
+    private _isNarrow;
+    private _isCloseHovered;
+    private _isCTAHovered;
+    private _bannerMounted;
+    private _licenseMessage;
+    private _extraMessages;
     getContent(msg: LicenseMessage): {
         iconSrc?: string;
         title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-common",
-  "version": "25.0.0-develop.5",
+  "version": "25.0.0-develop.7",
   "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": "25.0.0-develop.5"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.7"
   },
   "publishConfig": {
     "access": "public"