@progress/kendo-angular-ripple 21.4.1 → 22.0.0-develop.1

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Directive, Input, HostBinding, NgModule } from '@angular/core';
+import { HostBinding, Input, Directive, NgModule } from '@angular/core';
 import { register } from '@progress/kendo-ripple';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -16,8 +16,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768393324,
-    version: '21.4.1',
+    publishDate: 1768396034,
+    version: '22.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -94,10 +94,10 @@ class RippleContainerDirective {
         ]);
         this.removeListeners = callback;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RippleContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoRippleContainer]',
@@ -154,11 +154,11 @@ const KENDO_RIPPLE = [RippleContainerDirective];
  * ```
  */
 class RippleModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: RippleModule, imports: [RippleContainerDirective], exports: [RippleContainerDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: RippleModule, imports: [RippleContainerDirective], exports: [RippleContainerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RippleModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RippleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_RIPPLE],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-ripple",
-  "version": "21.4.1",
+  "version": "22.0.0-develop.1",
   "description": "Ripple Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -16,26 +16,20 @@
     "Ripple"
   ],
   "@progress": {
-    "friendlyName": "Ripple",
-    "package": {
-      "productName": "Kendo UI for Angular",
-      "productCode": "KENDOUIANGULAR",
-      "publishDate": 1768393324,
-      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
-    }
+    "friendlyName": "Ripple"
   },
   "peerDependencies": {
-    "@angular/animations": "18 - 21",
-    "@angular/common": "18 - 21",
-    "@angular/core": "18 - 21",
-    "@angular/platform-browser": "18 - 21",
+    "@angular/animations": "19 - 21",
+    "@angular/common": "19 - 21",
+    "@angular/core": "19 - 21",
+    "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.1",
+    "@progress/kendo-angular-common": "22.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.1",
+    "@progress/kendo-angular-schematics": "22.0.0-develop.1",
     "@progress/kendo-ripple": "^1.0.1"
   },
   "schematics": "./schematics/collection.json",
@@ -47,8 +41,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/progress-kendo-angular-ripple.mjs",
-      "esm": "./esm2022/progress-kendo-angular-ripple.mjs",
       "default": "./fesm2022/progress-kendo-angular-ripple.mjs"
     }
   },

package/esm2022/directives.mjs

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { RippleContainerDirective } from "./ripple-container.directive";
-/**
- * Use the `KENDO_RIPPLE` utility array to add all `@progress/kendo-angular-ripple` related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { Component } from '@angular/core';
- * import { KENDO_RIPPLE } from '@progress/kendo-angular-ripple';
- * import { KENDO_BUTTON } from "@progress/kendo-angular-buttons";
- *
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_RIPPLE, KENDO_BUTTON],
- *   template: `
- *      <div kendoRippleContainer>
- *          <button kendoButton>Ripple Button</button>
- *      </div>
- *   `,
- * })
- * export class AppComponent {}
- * ```
- */
-export const KENDO_RIPPLE = [RippleContainerDirective];

package/esm2022/index.mjs

@@ -1,7 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export * from './directives';
-export { RippleContainerDirective } from './ripple-container.directive';
-export { RippleModule } from './ripple.module';

package/esm2022/package-metadata.mjs

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const packageMetadata = {
-    name: '@progress/kendo-angular-ripple',
-    productName: 'Kendo UI for Angular',
-    productCode: 'KENDOUIANGULAR',
-    productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768393324,
-    version: '21.4.1',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};

package/esm2022/progress-kendo-angular-ripple.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/ripple-container.directive.mjs

@@ -1,98 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef, HostBinding, Directive, Renderer2, Input, NgZone } from '@angular/core';
-import { register } from '@progress/kendo-ripple';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import * as i0 from "@angular/core";
-/**
- * Represents the Ripple container component.
- *
- * Apply this directive to any container element.
- * The ripple effect will show on the following elements:
- * - Buttons
- * - Checkboxes
- * - Radio buttons
- *
- * @example
- * ```html
- * <div kendoRippleContainer>
- *     <button kendoButton>Default Button</button>
- *     <button kendoButton [primary]="true">Primary Button</button>
- * </div>
- * ```
- */
-export class RippleContainerDirective {
-    renderer;
-    element;
-    ngZone;
-    /**
-     * Disables the ripple effect for the `kendoRippleContainer` element.
-     *
-     * @default false
-     */
-    set disabled(disabled) {
-        this.isDisabled = disabled;
-        if (this.isDisabled) {
-            this.removeListeners();
-        }
-        else {
-            this.registerListeners();
-        }
-        this.renderer.setProperty(this.element.nativeElement, 'disabled', disabled);
-    }
-    isDisabled = false;
-    get containerClass() {
-        return true;
-    }
-    constructor(renderer, element, ngZone) {
-        this.renderer = renderer;
-        this.element = element;
-        this.ngZone = ngZone;
-        validatePackage(packageMetadata);
-    }
-    ngOnDestroy() {
-        this.removeListeners();
-    }
-    ngAfterViewInit() {
-        if (!this.isDisabled) {
-            this.ngZone.runOutsideAngular(() => {
-                this.registerListeners();
-            });
-        }
-    }
-    removeListeners = () => { };
-    registerListeners() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.removeListeners();
-        const callback = register(this.element.nativeElement, [
-            { selector: ".k-button:not(li)" },
-            { selector: ".k-list>.k-item", options: { global: true } },
-            { selector: ".k-checkbox,.k-radio",
-                options: {
-                    events: ["focusin", "animationend", "click"]
-                }
-            }
-        ]);
-        this.removeListeners = callback;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleContainerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoRippleContainer]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { disabled: [{
-                type: Input
-            }], containerClass: [{
-                type: HostBinding,
-                args: ['class.k-ripple-container']
-            }] } });

package/esm2022/ripple.module.mjs

@@ -1,40 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_RIPPLE } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./ripple-container.directive";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Ripple directive.
- *
- * @example
- * ```typescript
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { RippleModule } from '@progress/kendo-angular-ripple';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *   declarations: [AppComponent],
- *   imports: [BrowserModule, RippleModule],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class RippleModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: RippleModule, imports: [i1.RippleContainerDirective], exports: [i1.RippleContainerDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RippleModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_RIPPLE],
-                    exports: [...KENDO_RIPPLE]
-                }]
-        }] });