@progress/kendo-angular-utils 17.1.2-develop.5 → 17.2.0-develop.2

package/adaptive-breakpoints/adaptive-settings.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { InjectionToken } from '@angular/core';
+import { AdaptiveSettings } from './models/adaptive-settings';
+/**
+ * A token that specifies the AdaptiveSettings of the Kendo UI for Angular components.
+ *
+ * ```ts
+ * import { NgModule } from '@angular/core';
+ *
+ * @NgModule({
+ * ...
+ * providers: [{ provide: ADAPTIVE_SETTINGS, useValue: { small: 400, medium: 600 }}]
+ * })
+ * export class AppModule {}
+ * ```
+ *
+ */
+export declare const ADAPTIVE_SETTINGS: InjectionToken<AdaptiveSettings>;

package/adaptive-breakpoints/adaptive-settings.service.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Subject } from 'rxjs';
+import { AdaptiveSettings } from './models/adaptive-settings';
+import * as i0 from "@angular/core";
+/**
+ * A service that allows changing the current adaptive settings dynamically. Use the public `notify` method to implement this.
+ */
+export declare class AdaptiveSettingsService {
+    /**
+     * @hidden
+     */
+    readonly changes: Subject<AdaptiveSettings>;
+    /**
+     * Notifies subscribers that the adaptive settings were changed.
+     *
+     * @param adaptiveSettings - (Optional) A new value for the adaptive settings token.
+     */
+    notify(adaptiveSettings?: AdaptiveSettings): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveSettingsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AdaptiveSettingsService>;
+}

package/adaptive-breakpoints/adaptive.service.d.ts

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import { AdaptiveSettings } from './models/adaptive-settings';
+import { AdaptiveSettingsService } from './adaptive-settings.service';
+import { AdaptiveSize } from './models/adaptive-size';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class AdaptiveService implements OnDestroy {
+    private _adaptiveSettings;
+    /**
+     * Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
+     */
+    readonly changes: Subject<AdaptiveSettings>;
+    private subs;
+    constructor(_adaptiveSettings: AdaptiveSettings, adaptiveSettingsService: AdaptiveSettingsService);
+    /**
+     * @hidden
+     */
+    get adaptiveSettings(): AdaptiveSettings;
+    /**
+     * @hidden
+     */
+    get size(): AdaptiveSize;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveService, [{ optional: true; }, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AdaptiveService>;
+}

package/adaptive-breakpoints/index.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { AdaptiveService } from './adaptive.service';
+export { AdaptiveSettings } from './models/adaptive-settings';
+export { ADAPTIVE_SETTINGS } from './adaptive-settings';
+export { AdaptiveSize } from './models/adaptive-size';
+export { AdaptiveSettingsService } from './adaptive-settings.service';

package/adaptive-breakpoints/models/adaptive-settings.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the settings for the adaptive breakpoints of the component.
+ */
+export interface AdaptiveSettings {
+    /**
+     * Sets the screen width in pixels up to which the component will render a full-screen modal.
+     *
+     * @default 500
+     */
+    small?: number;
+    /**
+     * Sets the screen width in pixels up to which the component will render a docked to the bottom modal. Uses the `small` adaptive breakpoint as a lower boundary.
+     *
+     * @default 768
+     */
+    medium?: number;
+}

package/adaptive-breakpoints/models/adaptive-size.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the possible adaptive size options based on the window width in pixels.
+ * @hidden
+ */
+export type AdaptiveSize = 'small' | 'medium' | 'large';

package/esm2022/adaptive-breakpoints/adaptive-settings.mjs

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { InjectionToken } from '@angular/core';
+/**
+ * A token that specifies the AdaptiveSettings of the Kendo UI for Angular components.
+ *
+ * ```ts
+ * import { NgModule } from '@angular/core';
+ *
+ * @NgModule({
+ * ...
+ * providers: [{ provide: ADAPTIVE_SETTINGS, useValue: { small: 400, medium: 600 }}]
+ * })
+ * export class AppModule {}
+ * ```
+ *
+ */
+export const ADAPTIVE_SETTINGS = new InjectionToken('Kendo UI Adaptive-Settings token');

package/esm2022/adaptive-breakpoints/adaptive-settings.service.mjs

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * A service that allows changing the current adaptive settings dynamically. Use the public `notify` method to implement this.
+ */
+export class AdaptiveSettingsService {
+    /**
+     * @hidden
+     */
+    changes = new Subject();
+    /**
+     * Notifies subscribers that the adaptive settings were changed.
+     *
+     * @param adaptiveSettings - (Optional) A new value for the adaptive settings token.
+     */
+    notify(adaptiveSettings) {
+        this.changes.next(adaptiveSettings);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveSettingsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveSettingsService, decorators: [{
+            type: Injectable
+        }] });

package/esm2022/adaptive-breakpoints/adaptive.service.mjs

@@ -0,0 +1,80 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Inject, Injectable, Optional } from '@angular/core';
+import { BehaviorSubject, Subscription } from 'rxjs';
+import { map, tap } from 'rxjs/operators';
+import { AdaptiveSettingsService } from './adaptive-settings.service';
+import { ADAPTIVE_SETTINGS } from './adaptive-settings';
+import { areObjectsEqual, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "./adaptive-settings.service";
+const DEFAULT_ADAPTIVE_SETTINGS = {
+    small: 500,
+    medium: 768
+};
+/**
+ * @hidden
+ */
+export class AdaptiveService {
+    _adaptiveSettings;
+    /**
+     * Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
+     */
+    changes = new BehaviorSubject(this.adaptiveSettings || { small: 500, medium: 700 });
+    subs = new Subscription();
+    constructor(_adaptiveSettings, adaptiveSettingsService) {
+        this._adaptiveSettings = _adaptiveSettings;
+        if (adaptiveSettingsService) {
+            this.subs.add(adaptiveSettingsService.changes
+                .pipe(map(adaptiveSettings => isPresent(adaptiveSettings) ? adaptiveSettings : this._adaptiveSettings), tap(adaptiveSettings => this._adaptiveSettings = adaptiveSettings))
+                .subscribe(adaptiveSettings => this.changes.next(adaptiveSettings)));
+        }
+        if (isPresent(this.adaptiveSettings) && !areObjectsEqual(this.adaptiveSettings, DEFAULT_ADAPTIVE_SETTINGS)) {
+            this.changes.next(this.adaptiveSettings);
+        }
+    }
+    /**
+     * @hidden
+     */
+    get adaptiveSettings() {
+        return this._adaptiveSettings;
+    }
+    /**
+     * @hidden
+     */
+    get size() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const settings = Object.assign(DEFAULT_ADAPTIVE_SETTINGS, this.adaptiveSettings);
+        if (window.innerWidth > settings.medium) {
+            return 'large';
+        }
+        else if (window.innerWidth > settings.small) {
+            return 'medium';
+        }
+        else {
+            return 'small';
+        }
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: i1.AdaptiveSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ADAPTIVE_SETTINGS]
+                }] }, { type: i1.AdaptiveSettingsService, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2022/adaptive-breakpoints/index.mjs

@@ -0,0 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { AdaptiveService } from './adaptive.service';
+export { ADAPTIVE_SETTINGS } from './adaptive-settings';
+export { AdaptiveSettingsService } from './adaptive-settings.service';

package/esm2022/adaptive-breakpoints/models/adaptive-settings.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2022/adaptive-breakpoints/models/adaptive-size.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2022/index.mjs

@@ -14,3 +14,4 @@ export { HintComponent } from './drag-and-drop/hint.component';
 export * from './drag-and-drop/models/index';
 export { DropTargetEvent } from './drag-and-drop/events';
 export * from './drag-and-drop/events/drag-target';
+export * from './adaptive-breakpoints';

package/esm2022/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-utils',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1734360881,
-    version: '17.1.2-develop.5',
+    publishDate: 1734430132,
+    version: '17.2.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -3,11 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Directive, HostBinding, Injectable, Component, Input, isDevMode, EventEmitter, Output, ContentChildren, NgModule } from '@angular/core';
+import { Directive, HostBinding, Injectable, Component, Input, isDevMode, EventEmitter, Output, ContentChildren, NgModule, InjectionToken, Optional, Inject } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { dispatchDragAndDrop, getScrollableParent, autoScroll } from '@progress/kendo-draggable-common';
-import { PreventableEvent, contains, isDocumentAvailable, parseCSSClassNames } from '@progress/kendo-angular-common';
+import { PreventableEvent, contains, isDocumentAvailable, parseCSSClassNames, isPresent as isPresent$1, areObjectsEqual } from '@progress/kendo-angular-common';
 import { NgTemplateOutlet } from '@angular/common';
+import { Subject, BehaviorSubject, Subscription } from 'rxjs';
+import { map, tap } from 'rxjs/operators';
 
 /**
  * Represents the Kendo UI DragHandle directive for Angular.
@@ -45,8 +47,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-utils',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1734360881,
-    version: '17.1.2-develop.5',
+    publishDate: 1734430132,
+    version: '17.2.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2283,9 +2285,117 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+/**
+ * A service that allows changing the current adaptive settings dynamically. Use the public `notify` method to implement this.
+ */
+class AdaptiveSettingsService {
+    /**
+     * @hidden
+     */
+    changes = new Subject();
+    /**
+     * Notifies subscribers that the adaptive settings were changed.
+     *
+     * @param adaptiveSettings - (Optional) A new value for the adaptive settings token.
+     */
+    notify(adaptiveSettings) {
+        this.changes.next(adaptiveSettings);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveSettingsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveSettingsService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * A token that specifies the AdaptiveSettings of the Kendo UI for Angular components.
+ *
+ * ```ts
+ * import { NgModule } from '@angular/core';
+ *
+ * @NgModule({
+ * ...
+ * providers: [{ provide: ADAPTIVE_SETTINGS, useValue: { small: 400, medium: 600 }}]
+ * })
+ * export class AppModule {}
+ * ```
+ *
+ */
+const ADAPTIVE_SETTINGS = new InjectionToken('Kendo UI Adaptive-Settings token');
+
+const DEFAULT_ADAPTIVE_SETTINGS = {
+    small: 500,
+    medium: 768
+};
+/**
+ * @hidden
+ */
+class AdaptiveService {
+    _adaptiveSettings;
+    /**
+     * Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
+     */
+    changes = new BehaviorSubject(this.adaptiveSettings || { small: 500, medium: 700 });
+    subs = new Subscription();
+    constructor(_adaptiveSettings, adaptiveSettingsService) {
+        this._adaptiveSettings = _adaptiveSettings;
+        if (adaptiveSettingsService) {
+            this.subs.add(adaptiveSettingsService.changes
+                .pipe(map(adaptiveSettings => isPresent$1(adaptiveSettings) ? adaptiveSettings : this._adaptiveSettings), tap(adaptiveSettings => this._adaptiveSettings = adaptiveSettings))
+                .subscribe(adaptiveSettings => this.changes.next(adaptiveSettings)));
+        }
+        if (isPresent$1(this.adaptiveSettings) && !areObjectsEqual(this.adaptiveSettings, DEFAULT_ADAPTIVE_SETTINGS)) {
+            this.changes.next(this.adaptiveSettings);
+        }
+    }
+    /**
+     * @hidden
+     */
+    get adaptiveSettings() {
+        return this._adaptiveSettings;
+    }
+    /**
+     * @hidden
+     */
+    get size() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const settings = Object.assign(DEFAULT_ADAPTIVE_SETTINGS, this.adaptiveSettings);
+        if (window.innerWidth > settings.medium) {
+            return 'large';
+        }
+        else if (window.innerWidth > settings.small) {
+            return 'medium';
+        }
+        else {
+            return 'small';
+        }
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: AdaptiveSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ADAPTIVE_SETTINGS]
+                }] }, { type: AdaptiveSettingsService, decorators: [{
+                    type: Optional
+                }] }]; } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DragAndDropModule, DragHandleDirective, DragTargetContainerDirective, DragTargetDirective, DragTargetDragEndEvent, DragTargetDragEvent, DragTargetDragReadyEvent, DragTargetDragStartEvent, DragTargetPressEvent, DragTargetReleaseEvent, DropTargetContainerDirective, DropTargetDirective, DropTargetEvent, HintComponent, KENDO_DRAGANDDROP, KENDO_UTILS, UtilsModule };
+export { ADAPTIVE_SETTINGS, AdaptiveService, AdaptiveSettingsService, DragAndDropModule, DragHandleDirective, DragTargetContainerDirective, DragTargetDirective, DragTargetDragEndEvent, DragTargetDragEvent, DragTargetDragReadyEvent, DragTargetDragStartEvent, DragTargetPressEvent, DragTargetReleaseEvent, DropTargetContainerDirective, DropTargetDirective, DropTargetEvent, HintComponent, KENDO_DRAGANDDROP, KENDO_UTILS, UtilsModule };
 

package/index.d.ts

@@ -15,3 +15,4 @@ export * from './drag-and-drop/models/index';
 export { DropTargetEvent } from './drag-and-drop/events';
 export * from './drag-and-drop/events/drag-target';
 export { NormalizedDragEvent } from '@progress/kendo-draggable-common';
+export * from './adaptive-breakpoints';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-utils",
-  "version": "17.1.2-develop.5",
+  "version": "17.2.0-develop.2",
   "description": "Kendo UI Angular utils component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,12 +23,12 @@
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.1.2-develop.5",
+    "@progress/kendo-angular-common": "17.2.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.1.2-develop.5",
+    "@progress/kendo-angular-schematics": "17.2.0-develop.2",
     "@progress/kendo-draggable-common": "^0.2.3"
   },
   "schematics": "./schematics/collection.json",