@progress/kendo-angular-ripple 24.2.2 → 25.0.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-ripple.mjs +9 -9
- package/index.d.ts +90 -3
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/directives.d.ts +0 -27
- package/package-metadata.d.ts +0 -9
- package/ripple-container.directive.d.ts +0 -43
- package/ripple.module.d.ts +0 -30
|
@@ -16,8 +16,8 @@ const packageMetadata = {
|
|
|
16
16
|
productName: 'Kendo UI for Angular',
|
|
17
17
|
productCode: 'KENDOUIANGULAR',
|
|
18
18
|
productCodes: ['KENDOUIANGULAR'],
|
|
19
|
-
publishDate:
|
|
20
|
-
version: '
|
|
19
|
+
publishDate: 1783688801,
|
|
20
|
+
version: '25.0.0-develop.2',
|
|
21
21
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -94,10 +94,10 @@ class RippleContainerDirective {
|
|
|
94
94
|
]);
|
|
95
95
|
this.removeListeners = callback;
|
|
96
96
|
}
|
|
97
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
98
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
97
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
98
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
|
|
99
99
|
}
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RippleContainerDirective, decorators: [{
|
|
101
101
|
type: Directive,
|
|
102
102
|
args: [{
|
|
103
103
|
selector: '[kendoRippleContainer]',
|
|
@@ -154,11 +154,11 @@ const KENDO_RIPPLE = [RippleContainerDirective];
|
|
|
154
154
|
* ```
|
|
155
155
|
*/
|
|
156
156
|
class RippleModule {
|
|
157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
158
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
159
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
157
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
158
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: RippleModule, imports: [RippleContainerDirective], exports: [RippleContainerDirective] });
|
|
159
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RippleModule });
|
|
160
160
|
}
|
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RippleModule, decorators: [{
|
|
162
162
|
type: NgModule,
|
|
163
163
|
args: [{
|
|
164
164
|
imports: [...KENDO_RIPPLE],
|
package/index.d.ts
CHANGED
|
@@ -2,6 +2,93 @@
|
|
|
2
2
|
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { AfterViewInit, OnDestroy, Renderer2, ElementRef, NgZone } from '@angular/core';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Represents the Ripple container component.
|
|
10
|
+
*
|
|
11
|
+
* Apply this directive to any container element.
|
|
12
|
+
* The ripple effect will show on the following elements:
|
|
13
|
+
* - Buttons
|
|
14
|
+
* - Checkboxes
|
|
15
|
+
* - Radio buttons
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <div kendoRippleContainer>
|
|
20
|
+
* <button kendoButton>Default Button</button>
|
|
21
|
+
* <button kendoButton themeColor="primary">Primary Button</button>
|
|
22
|
+
* </div>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
declare class RippleContainerDirective implements AfterViewInit, OnDestroy {
|
|
26
|
+
private renderer;
|
|
27
|
+
private element;
|
|
28
|
+
private ngZone;
|
|
29
|
+
/**
|
|
30
|
+
* Disables the ripple effect for the `kendoRippleContainer` element.
|
|
31
|
+
*
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
set disabled(disabled: boolean);
|
|
35
|
+
isDisabled: boolean;
|
|
36
|
+
get containerClass(): boolean;
|
|
37
|
+
constructor(renderer: Renderer2, element: ElementRef, ngZone: NgZone);
|
|
38
|
+
ngOnDestroy(): void;
|
|
39
|
+
ngAfterViewInit(): void;
|
|
40
|
+
private removeListeners;
|
|
41
|
+
private registerListeners;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RippleContainerDirective, never>;
|
|
43
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RippleContainerDirective, "[kendoRippleContainer]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Use the `KENDO_RIPPLE` utility array to add all `@progress/kendo-angular-ripple` related components and directives to a standalone Angular component.
|
|
48
|
+
*
|
|
49
|
+
* @example
|
|
50
|
+
* ```typescript
|
|
51
|
+
* import { Component } from '@angular/core';
|
|
52
|
+
* import { KENDO_RIPPLE } from '@progress/kendo-angular-ripple';
|
|
53
|
+
* import { KENDO_BUTTON } from "@progress/kendo-angular-buttons";
|
|
54
|
+
*
|
|
55
|
+
* @Component({
|
|
56
|
+
* standalone: true,
|
|
57
|
+
* imports: [KENDO_RIPPLE, KENDO_BUTTON],
|
|
58
|
+
* template: `
|
|
59
|
+
* <div kendoRippleContainer>
|
|
60
|
+
* <button kendoButton>Ripple Button</button>
|
|
61
|
+
* </div>
|
|
62
|
+
* `,
|
|
63
|
+
* })
|
|
64
|
+
* export class AppComponent {}
|
|
65
|
+
* ```
|
|
66
|
+
*/
|
|
67
|
+
declare const KENDO_RIPPLE: readonly [typeof RippleContainerDirective];
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
71
|
+
* definition for the Ripple directive.
|
|
72
|
+
*
|
|
73
|
+
* @example
|
|
74
|
+
* ```typescript
|
|
75
|
+
* import { NgModule } from '@angular/core';
|
|
76
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
77
|
+
* import { RippleModule } from '@progress/kendo-angular-ripple';
|
|
78
|
+
* import { AppComponent } from './app.component';
|
|
79
|
+
*
|
|
80
|
+
* @NgModule({
|
|
81
|
+
* declarations: [AppComponent],
|
|
82
|
+
* imports: [BrowserModule, RippleModule],
|
|
83
|
+
* bootstrap: [AppComponent]
|
|
84
|
+
* })
|
|
85
|
+
* export class AppModule {}
|
|
86
|
+
* ```
|
|
87
|
+
*/
|
|
88
|
+
declare class RippleModule {
|
|
89
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RippleModule, never>;
|
|
90
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RippleModule, never, [typeof RippleContainerDirective], [typeof RippleContainerDirective]>;
|
|
91
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<RippleModule>;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
export { KENDO_RIPPLE, RippleContainerDirective, RippleModule };
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1783688801,
|
|
11
|
+
"version": "25.0.0-develop.2",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-ripple",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0-develop.2",
|
|
4
4
|
"description": "Ripple Package for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -20,22 +20,22 @@
|
|
|
20
20
|
"package": {
|
|
21
21
|
"productName": "Kendo UI for Angular",
|
|
22
22
|
"productCode": "KENDOUIANGULAR",
|
|
23
|
-
"publishDate":
|
|
23
|
+
"publishDate": 1783688801,
|
|
24
24
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@angular/animations": "
|
|
29
|
-
"@angular/common": "
|
|
30
|
-
"@angular/core": "
|
|
31
|
-
"@angular/platform-browser": "
|
|
28
|
+
"@angular/animations": "20 - 22",
|
|
29
|
+
"@angular/common": "20 - 22",
|
|
30
|
+
"@angular/core": "20 - 22",
|
|
31
|
+
"@angular/platform-browser": "20 - 22",
|
|
32
32
|
"@progress/kendo-licensing": "^1.11.0",
|
|
33
|
-
"@progress/kendo-angular-common": "
|
|
33
|
+
"@progress/kendo-angular-common": "25.0.0-develop.2",
|
|
34
34
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "
|
|
38
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.2",
|
|
39
39
|
"@progress/kendo-ripple": "^1.0.1"
|
|
40
40
|
},
|
|
41
41
|
"schematics": "./schematics/collection.json",
|
package/directives.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { RippleContainerDirective } from "./ripple-container.directive";
|
|
6
|
-
/**
|
|
7
|
-
* Use the `KENDO_RIPPLE` utility array to add all `@progress/kendo-angular-ripple` related components and directives to a standalone Angular component.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```typescript
|
|
11
|
-
* import { Component } from '@angular/core';
|
|
12
|
-
* import { KENDO_RIPPLE } from '@progress/kendo-angular-ripple';
|
|
13
|
-
* import { KENDO_BUTTON } from "@progress/kendo-angular-buttons";
|
|
14
|
-
*
|
|
15
|
-
* @Component({
|
|
16
|
-
* standalone: true,
|
|
17
|
-
* imports: [KENDO_RIPPLE, KENDO_BUTTON],
|
|
18
|
-
* template: `
|
|
19
|
-
* <div kendoRippleContainer>
|
|
20
|
-
* <button kendoButton>Ripple Button</button>
|
|
21
|
-
* </div>
|
|
22
|
-
* `,
|
|
23
|
-
* })
|
|
24
|
-
* export class AppComponent {}
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export declare const KENDO_RIPPLE: readonly [typeof RippleContainerDirective];
|
package/package-metadata.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { type PackageMetadata } from '@progress/kendo-licensing';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const packageMetadata: PackageMetadata;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, Renderer2, AfterViewInit, OnDestroy, NgZone } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the Ripple container component.
|
|
9
|
-
*
|
|
10
|
-
* Apply this directive to any container element.
|
|
11
|
-
* The ripple effect will show on the following elements:
|
|
12
|
-
* - Buttons
|
|
13
|
-
* - Checkboxes
|
|
14
|
-
* - Radio buttons
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* ```html
|
|
18
|
-
* <div kendoRippleContainer>
|
|
19
|
-
* <button kendoButton>Default Button</button>
|
|
20
|
-
* <button kendoButton themeColor="primary">Primary Button</button>
|
|
21
|
-
* </div>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare class RippleContainerDirective implements AfterViewInit, OnDestroy {
|
|
25
|
-
private renderer;
|
|
26
|
-
private element;
|
|
27
|
-
private ngZone;
|
|
28
|
-
/**
|
|
29
|
-
* Disables the ripple effect for the `kendoRippleContainer` element.
|
|
30
|
-
*
|
|
31
|
-
* @default false
|
|
32
|
-
*/
|
|
33
|
-
set disabled(disabled: boolean);
|
|
34
|
-
isDisabled: boolean;
|
|
35
|
-
get containerClass(): boolean;
|
|
36
|
-
constructor(renderer: Renderer2, element: ElementRef, ngZone: NgZone);
|
|
37
|
-
ngOnDestroy(): void;
|
|
38
|
-
ngAfterViewInit(): void;
|
|
39
|
-
private removeListeners;
|
|
40
|
-
private registerListeners;
|
|
41
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RippleContainerDirective, never>;
|
|
42
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RippleContainerDirective, "[kendoRippleContainer]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
43
|
-
}
|
package/ripple.module.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./ripple-container.directive";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
9
|
-
* definition for the Ripple directive.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```typescript
|
|
13
|
-
* import { NgModule } from '@angular/core';
|
|
14
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
15
|
-
* import { RippleModule } from '@progress/kendo-angular-ripple';
|
|
16
|
-
* import { AppComponent } from './app.component';
|
|
17
|
-
*
|
|
18
|
-
* @NgModule({
|
|
19
|
-
* declarations: [AppComponent],
|
|
20
|
-
* imports: [BrowserModule, RippleModule],
|
|
21
|
-
* bootstrap: [AppComponent]
|
|
22
|
-
* })
|
|
23
|
-
* export class AppModule {}
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
export declare class RippleModule {
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RippleModule, never>;
|
|
28
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<RippleModule, never, [typeof i1.RippleContainerDirective], [typeof i1.RippleContainerDirective]>;
|
|
29
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<RippleModule>;
|
|
30
|
-
}
|