@progress/kendo-angular-ripple 17.0.0-develop.9 → 17.0.1-develop.1

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.
Files changed (10) hide show
  1. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  2. package/{esm2020 → esm2022}/ripple-container.directive.mjs +14 -11
  3. package/{esm2020 → esm2022}/ripple.module.mjs +4 -4
  4. package/{fesm2015 → fesm2022}/progress-kendo-angular-ripple.mjs +20 -17
  5. package/package.json +11 -17
  6. package/ripple-container.directive.d.ts +1 -1
  7. package/fesm2020/progress-kendo-angular-ripple.mjs +0 -164
  8. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  9. /package/{esm2020 → esm2022}/index.mjs +0 -0
  10. /package/{esm2020 → esm2022}/progress-kendo-angular-ripple.mjs +0 -0
package/{esm2020 → esm2022}/package-metadata.mjs RENAMED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-ripple',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1729174760,
13
- version: '17.0.0-develop.9',
12
+ publishDate: 1731429927,
13
+ version: '17.0.1-develop.1',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/{esm2020 → esm2022}/ripple-container.directive.mjs RENAMED
@@ -27,14 +27,9 @@ import * as i0 from "@angular/core";
27
27
  * ```
28
28
  */
29
29
  export class RippleContainerDirective {
30
- constructor(renderer, element, ngZone) {
31
- this.renderer = renderer;
32
- this.element = element;
33
- this.ngZone = ngZone;
34
- this.isDisabled = false;
35
- this.removeListeners = () => { };
36
- validatePackage(packageMetadata);
37
- }
30
+ renderer;
31
+ element;
32
+ ngZone;
38
33
  /**
39
34
  * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
40
35
  * By default, `disabled` is set to `false`.
@@ -49,9 +44,16 @@ export class RippleContainerDirective {
49
44
  }
50
45
  this.renderer.setProperty(this.element.nativeElement, 'disabled', disabled);
51
46
  }
47
+ isDisabled = false;
52
48
  get containerClass() {
53
49
  return true;
54
50
  }
51
+ constructor(renderer, element, ngZone) {
52
+ this.renderer = renderer;
53
+ this.element = element;
54
+ this.ngZone = ngZone;
55
+ validatePackage(packageMetadata);
56
+ }
55
57
  ngOnDestroy() {
56
58
  this.removeListeners();
57
59
  }
@@ -62,6 +64,7 @@ export class RippleContainerDirective {
62
64
  });
63
65
  }
64
66
  }
67
+ removeListeners = () => { };
65
68
  registerListeners() {
66
69
  if (!isDocumentAvailable()) {
67
70
  return;
@@ -78,10 +81,10 @@ export class RippleContainerDirective {
78
81
  ]);
79
82
  this.removeListeners = callback;
80
83
  }
84
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
85
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
81
86
  }
82
- RippleContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
83
- RippleContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleContainerDirective, decorators: [{
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleContainerDirective, decorators: [{
85
88
  type: Directive,
86
89
  args: [{
87
90
  selector: '[kendoRippleContainer]',
package/{esm2020 → esm2022}/ripple.module.mjs RENAMED
@@ -39,11 +39,11 @@ import * as i1 from "./ripple-container.directive";
39
39
  * ```
40
40
  */
41
41
  export class RippleModule {
42
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
43
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RippleModule, imports: [i1.RippleContainerDirective], exports: [i1.RippleContainerDirective] });
44
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleModule });
42
45
  }
43
- RippleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
44
- RippleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, imports: [i1.RippleContainerDirective], exports: [i1.RippleContainerDirective] });
45
- RippleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule });
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, decorators: [{
46
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleModule, decorators: [{
47
47
  type: NgModule,
48
48
  args: [{
49
49
  imports: [...KENDO_RIPPLE],
package/{fesm2015 → fesm2022}/progress-kendo-angular-ripple.mjs RENAMED
@@ -15,8 +15,8 @@ const packageMetadata = {
15
15
  name: '@progress/kendo-angular-ripple',
16
16
  productName: 'Kendo UI for Angular',
17
17
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
18
- publishDate: 1729174760,
19
- version: '17.0.0-develop.9',
18
+ publishDate: 1731429927,
19
+ version: '17.0.1-develop.1',
20
20
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
21
21
  };
22
22
 
@@ -39,14 +39,9 @@ const packageMetadata = {
39
39
  * ```
40
40
  */
41
41
  class RippleContainerDirective {
42
- constructor(renderer, element, ngZone) {
43
- this.renderer = renderer;
44
- this.element = element;
45
- this.ngZone = ngZone;
46
- this.isDisabled = false;
47
- this.removeListeners = () => { };
48
- validatePackage(packageMetadata);
49
- }
42
+ renderer;
43
+ element;
44
+ ngZone;
50
45
  /**
51
46
  * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
52
47
  * By default, `disabled` is set to `false`.
@@ -61,9 +56,16 @@ class RippleContainerDirective {
61
56
  }
62
57
  this.renderer.setProperty(this.element.nativeElement, 'disabled', disabled);
63
58
  }
59
+ isDisabled = false;
64
60
  get containerClass() {
65
61
  return true;
66
62
  }
63
+ constructor(renderer, element, ngZone) {
64
+ this.renderer = renderer;
65
+ this.element = element;
66
+ this.ngZone = ngZone;
67
+ validatePackage(packageMetadata);
68
+ }
67
69
  ngOnDestroy() {
68
70
  this.removeListeners();
69
71
  }
@@ -74,6 +76,7 @@ class RippleContainerDirective {
74
76
  });
75
77
  }
76
78
  }
79
+ removeListeners = () => { };
77
80
  registerListeners() {
78
81
  if (!isDocumentAvailable()) {
79
82
  return;
@@ -90,10 +93,10 @@ class RippleContainerDirective {
90
93
  ]);
91
94
  this.removeListeners = callback;
92
95
  }
96
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
97
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
93
98
  }
94
- RippleContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
95
- RippleContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
96
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleContainerDirective, decorators: [{
99
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleContainerDirective, decorators: [{
97
100
  type: Directive,
98
101
  args: [{
99
102
  selector: '[kendoRippleContainer]',
@@ -144,11 +147,11 @@ const KENDO_RIPPLE = [RippleContainerDirective];
144
147
  * ```
145
148
  */
146
149
  class RippleModule {
150
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
151
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RippleModule, imports: [RippleContainerDirective], exports: [RippleContainerDirective] });
152
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleModule });
147
153
  }
148
- RippleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
149
- RippleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, imports: [RippleContainerDirective], exports: [RippleContainerDirective] });
150
- RippleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule });
151
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, decorators: [{
154
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RippleModule, decorators: [{
152
155
  type: NgModule,
153
156
  args: [{
154
157
  imports: [...KENDO_RIPPLE],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-ripple",
3
- "version": "17.0.0-develop.9",
3
+ "version": "17.0.1-develop.1",
4
4
  "description": "Ripple Package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -19,25 +19,21 @@
19
19
  "friendlyName": "Ripple"
20
20
  },
21
21
  "peerDependencies": {
22
- "@angular/animations": "15 - 18",
23
- "@angular/common": "15 - 18",
24
- "@angular/core": "15 - 18",
25
- "@angular/platform-browser": "15 - 18",
22
+ "@angular/animations": "16 - 18",
23
+ "@angular/common": "16 - 18",
24
+ "@angular/core": "16 - 18",
25
+ "@angular/platform-browser": "16 - 18",
26
26
  "@progress/kendo-licensing": "^1.0.2",
27
- "@progress/kendo-angular-common": "17.0.0-develop.9",
27
+ "@progress/kendo-angular-common": "17.0.1-develop.1",
28
28
  "rxjs": "^6.5.3 || ^7.0.0"
29
29
  },
30
30
  "dependencies": {
31
31
  "tslib": "^2.3.1",
32
- "@progress/kendo-angular-schematics": "17.0.0-develop.9",
32
+ "@progress/kendo-angular-schematics": "17.0.1-develop.1",
33
33
  "@progress/kendo-ripple": "^1.0.1"
34
34
  },
35
35
  "schematics": "./schematics/collection.json",
36
- "module": "fesm2015/progress-kendo-angular-ripple.mjs",
37
- "es2020": "fesm2020/progress-kendo-angular-ripple.mjs",
38
- "esm2020": "esm2020/progress-kendo-angular-ripple.mjs",
39
- "fesm2020": "fesm2020/progress-kendo-angular-ripple.mjs",
40
- "fesm2015": "fesm2015/progress-kendo-angular-ripple.mjs",
36
+ "module": "fesm2022/progress-kendo-angular-ripple.mjs",
41
37
  "typings": "index.d.ts",
42
38
  "exports": {
43
39
  "./package.json": {
@@ -45,11 +41,9 @@
45
41
  },
46
42
  ".": {
47
43
  "types": "./index.d.ts",
48
- "esm2020": "./esm2020/progress-kendo-angular-ripple.mjs",
49
- "es2020": "./fesm2020/progress-kendo-angular-ripple.mjs",
50
- "es2015": "./fesm2015/progress-kendo-angular-ripple.mjs",
51
- "node": "./fesm2015/progress-kendo-angular-ripple.mjs",
52
- "default": "./fesm2020/progress-kendo-angular-ripple.mjs"
44
+ "esm2022": "./esm2022/progress-kendo-angular-ripple.mjs",
45
+ "esm": "./esm2022/progress-kendo-angular-ripple.mjs",
46
+ "default": "./fesm2022/progress-kendo-angular-ripple.mjs"
53
47
  }
54
48
  },
55
49
  "sideEffects": false
package/ripple-container.directive.d.ts CHANGED
@@ -39,5 +39,5 @@ export declare class RippleContainerDirective implements AfterViewInit, OnDestro
39
39
  private removeListeners;
40
40
  private registerListeners;
41
41
  static ɵfac: i0.ɵɵFactoryDeclaration<RippleContainerDirective, never>;
42
- static ɵdir: i0.ɵɵDirectiveDeclaration<RippleContainerDirective, "[kendoRippleContainer]", never, { "disabled": "disabled"; }, {}, never, never, true, never>;
42
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RippleContainerDirective, "[kendoRippleContainer]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
43
43
  }
package/fesm2020/progress-kendo-angular-ripple.mjs DELETED
@@ -1,164 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 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 { Directive, Input, HostBinding, NgModule } from '@angular/core';
7
- import { register } from '@progress/kendo-ripple';
8
- import { isDocumentAvailable } from '@progress/kendo-angular-common';
9
- import { validatePackage } from '@progress/kendo-licensing';
10
-
11
- /**
12
- * @hidden
13
- */
14
- const packageMetadata = {
15
- name: '@progress/kendo-angular-ripple',
16
- productName: 'Kendo UI for Angular',
17
- productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
18
- publishDate: 1729174760,
19
- version: '17.0.0-develop.9',
20
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
21
- };
22
-
23
- /**
24
- * Represents the Ripple container component.
25
- *
26
- * You can apply this directive to any container element.
27
- * The ripple effect will show on the following elements:
28
- * - Buttons
29
- * - Checkboxes
30
- * - Radio buttons
31
- *
32
- * @example
33
- * ```ts-no-run
34
- * <div kendoRippleContainer>
35
- * <button kendoButton>Default Button</button>
36
- *
37
- * <button kendoButton [primary]="true">Primary Button</button>
38
- * </div>
39
- * ```
40
- */
41
- class RippleContainerDirective {
42
- constructor(renderer, element, ngZone) {
43
- this.renderer = renderer;
44
- this.element = element;
45
- this.ngZone = ngZone;
46
- this.isDisabled = false;
47
- this.removeListeners = () => { };
48
- validatePackage(packageMetadata);
49
- }
50
- /**
51
- * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
52
- * By default, `disabled` is set to `false`.
53
- */
54
- set disabled(disabled) {
55
- this.isDisabled = disabled;
56
- if (this.isDisabled) {
57
- this.removeListeners();
58
- }
59
- else {
60
- this.registerListeners();
61
- }
62
- this.renderer.setProperty(this.element.nativeElement, 'disabled', disabled);
63
- }
64
- get containerClass() {
65
- return true;
66
- }
67
- ngOnDestroy() {
68
- this.removeListeners();
69
- }
70
- ngAfterViewInit() {
71
- if (!this.isDisabled) {
72
- this.ngZone.runOutsideAngular(() => {
73
- this.registerListeners();
74
- });
75
- }
76
- }
77
- registerListeners() {
78
- if (!isDocumentAvailable()) {
79
- return;
80
- }
81
- this.removeListeners();
82
- const callback = register(this.element.nativeElement, [
83
- { selector: ".k-button:not(li)" },
84
- { selector: ".k-list>.k-item", options: { global: true } },
85
- { selector: ".k-checkbox,.k-radio",
86
- options: {
87
- events: ["focusin", "animationend", "click"]
88
- }
89
- }
90
- ]);
91
- this.removeListeners = callback;
92
- }
93
- }
94
- RippleContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleContainerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
95
- RippleContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RippleContainerDirective, isStandalone: true, selector: "[kendoRippleContainer]", inputs: { disabled: "disabled" }, host: { properties: { "class.k-ripple-container": "this.containerClass" } }, ngImport: i0 });
96
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleContainerDirective, decorators: [{
97
- type: Directive,
98
- args: [{
99
- selector: '[kendoRippleContainer]',
100
- standalone: true
101
- }]
102
- }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { disabled: [{
103
- type: Input
104
- }], containerClass: [{
105
- type: HostBinding,
106
- args: ['class.k-ripple-container']
107
- }] } });
108
-
109
- /**
110
- * Utility array that contains all `@progress/kendo-angular-ripple` related directives.
111
- */
112
- const KENDO_RIPPLE = [RippleContainerDirective];
113
-
114
- //IMPORTANT: NgModule export kept for backwards compatibility
115
- /**
116
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
117
- * definition for the Ripple directive.
118
- *
119
- * @example
120
- *
121
- * ```ts-no-run
122
- * // Import the Ripple module
123
- * import { RippleModule } from '@progress/kendo-angular-ripple';
124
- *
125
- * // The browser platform with a compiler
126
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
127
- *
128
- * import { NgModule } from '@angular/core';
129
- *
130
- * // Import the app component
131
- * import { AppComponent } from './app.component';
132
- *
133
- * // Define the app module
134
- * _@NgModule({
135
- * declarations: [AppComponent], // declare app component
136
- * imports: [BrowserModule, RippleModule], // import Ripple module
137
- * bootstrap: [AppComponent]
138
- * })
139
- * export class AppModule {}
140
- *
141
- * // Compile and launch the module
142
- * platformBrowserDynamic().bootstrapModule(AppModule);
143
- *
144
- * ```
145
- */
146
- class RippleModule {
147
- }
148
- RippleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
149
- RippleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, imports: [RippleContainerDirective], exports: [RippleContainerDirective] });
150
- RippleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule });
151
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RippleModule, decorators: [{
152
- type: NgModule,
153
- args: [{
154
- imports: [...KENDO_RIPPLE],
155
- exports: [...KENDO_RIPPLE]
156
- }]
157
- }] });
158
-
159
- /**
160
- * Generated bundle index. Do not edit.
161
- */
162
-
163
- export { KENDO_RIPPLE, RippleContainerDirective, RippleModule };
164
-
/package/{esm2020 → esm2022}/directives.mjs RENAMED
File without changes
/package/{esm2020 → esm2022}/index.mjs RENAMED
File without changes