@progress/kendo-angular-ripple 19.1.2-develop.2 → 19.1.2-develop.3

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 (9) hide show
  1. package/directives.d.ts +19 -1
  2. package/esm2022/directives.mjs +19 -1
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/esm2022/ripple-container.directive.mjs +5 -5
  5. package/esm2022/ripple.module.mjs +7 -19
  6. package/fesm2022/progress-kendo-angular-ripple.mjs +33 -27
  7. package/package.json +4 -4
  8. package/ripple-container.directive.d.ts +5 -5
  9. package/ripple.module.d.ts +7 -19
package/directives.d.ts CHANGED
@@ -4,6 +4,24 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { RippleContainerDirective } from "./ripple-container.directive";
6
6
  /**
7
- * Utility array that contains all `@progress/kendo-angular-ripple` related directives.
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
+ * ```
8
26
  */
9
27
  export declare const KENDO_RIPPLE: readonly [typeof RippleContainerDirective];
package/esm2022/directives.mjs CHANGED
@@ -4,6 +4,24 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { RippleContainerDirective } from "./ripple-container.directive";
6
6
  /**
7
- * Utility array that contains all `@progress/kendo-angular-ripple` related directives.
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
+ * ```
8
26
  */
9
27
  export const KENDO_RIPPLE = [RippleContainerDirective];
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1749820735,
14
- version: '19.1.2-develop.2',
13
+ publishDate: 1750152804,
14
+ version: '19.1.2-develop.3',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/ripple-container.directive.mjs CHANGED
@@ -11,17 +11,16 @@ import * as i0 from "@angular/core";
11
11
  /**
12
12
  * Represents the Ripple container component.
13
13
  *
14
- * You can apply this directive to any container element.
14
+ * Apply this directive to any container element.
15
15
  * The ripple effect will show on the following elements:
16
16
  * - Buttons
17
17
  * - Checkboxes
18
18
  * - Radio buttons
19
19
  *
20
20
  * @example
21
- * ```ts-no-run
21
+ * ```html
22
22
  * <div kendoRippleContainer>
23
23
  * <button kendoButton>Default Button</button>
24
- *
25
24
  * <button kendoButton [primary]="true">Primary Button</button>
26
25
  * </div>
27
26
  * ```
@@ -31,8 +30,9 @@ export class RippleContainerDirective {
31
30
  element;
32
31
  ngZone;
33
32
  /**
34
- * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
35
- * By default, `disabled` is set to `false`.
33
+ * Disables the ripple effect for the `kendoRippleContainer` element.
34
+ *
35
+ * @default false
36
36
  */
37
37
  set disabled(disabled) {
38
38
  this.isDisabled = disabled;
package/esm2022/ripple.module.mjs CHANGED
@@ -12,30 +12,18 @@ import * as i1 from "./ripple-container.directive";
12
12
  * definition for the Ripple directive.
13
13
  *
14
14
  * @example
15
- *
16
- * ```ts-no-run
17
- * // Import the Ripple module
18
- * import { RippleModule } from '@progress/kendo-angular-ripple';
19
- *
20
- * // The browser platform with a compiler
21
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
22
- *
15
+ * ```typescript
23
16
  * import { NgModule } from '@angular/core';
24
- *
25
- * // Import the app component
17
+ * import { BrowserModule } from '@angular/platform-browser';
18
+ * import { RippleModule } from '@progress/kendo-angular-ripple';
26
19
  * import { AppComponent } from './app.component';
27
20
  *
28
- * // Define the app module
29
- * _@NgModule({
30
- * declarations: [AppComponent], // declare app component
31
- * imports: [BrowserModule, RippleModule], // import Ripple module
32
- * bootstrap: [AppComponent]
21
+ * @NgModule({
22
+ * declarations: [AppComponent],
23
+ * imports: [BrowserModule, RippleModule],
24
+ * bootstrap: [AppComponent]
33
25
  * })
34
26
  * export class AppModule {}
35
- *
36
- * // Compile and launch the module
37
- * platformBrowserDynamic().bootstrapModule(AppModule);
38
- *
39
27
  * ```
40
28
  */
41
29
  export class RippleModule {
package/fesm2022/progress-kendo-angular-ripple.mjs CHANGED
@@ -16,25 +16,24 @@ const packageMetadata = {
16
16
  productName: 'Kendo UI for Angular',
17
17
  productCode: 'KENDOUIANGULAR',
18
18
  productCodes: ['KENDOUIANGULAR'],
19
- publishDate: 1749820735,
20
- version: '19.1.2-develop.2',
19
+ publishDate: 1750152804,
20
+ version: '19.1.2-develop.3',
21
21
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
22
22
  };
23
23
 
24
24
  /**
25
25
  * Represents the Ripple container component.
26
26
  *
27
- * You can apply this directive to any container element.
27
+ * Apply this directive to any container element.
28
28
  * The ripple effect will show on the following elements:
29
29
  * - Buttons
30
30
  * - Checkboxes
31
31
  * - Radio buttons
32
32
  *
33
33
  * @example
34
- * ```ts-no-run
34
+ * ```html
35
35
  * <div kendoRippleContainer>
36
36
  * <button kendoButton>Default Button</button>
37
- *
38
37
  * <button kendoButton [primary]="true">Primary Button</button>
39
38
  * </div>
40
39
  * ```
@@ -44,8 +43,9 @@ class RippleContainerDirective {
44
43
  element;
45
44
  ngZone;
46
45
  /**
47
- * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
48
- * By default, `disabled` is set to `false`.
46
+ * Disables the ripple effect for the `kendoRippleContainer` element.
47
+ *
48
+ * @default false
49
49
  */
50
50
  set disabled(disabled) {
51
51
  this.isDisabled = disabled;
@@ -111,7 +111,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
111
111
  }] } });
112
112
 
113
113
  /**
114
- * Utility array that contains all `@progress/kendo-angular-ripple` related directives.
114
+ * Use the `KENDO_RIPPLE` utility array to add all `@progress/kendo-angular-ripple` related components and directives to a standalone Angular component.
115
+ *
116
+ * @example
117
+ * ```typescript
118
+ * import { Component } from '@angular/core';
119
+ * import { KENDO_RIPPLE } from '@progress/kendo-angular-ripple';
120
+ * import { KENDO_BUTTON } from "@progress/kendo-angular-buttons";
121
+ *
122
+ * @Component({
123
+ * standalone: true,
124
+ * imports: [KENDO_RIPPLE, KENDO_BUTTON],
125
+ * template: `
126
+ * <div kendoRippleContainer>
127
+ * <button kendoButton>Ripple Button</button>
128
+ * </div>
129
+ * `,
130
+ * })
131
+ * export class AppComponent {}
132
+ * ```
115
133
  */
116
134
  const KENDO_RIPPLE = [RippleContainerDirective];
117
135
 
@@ -121,30 +139,18 @@ const KENDO_RIPPLE = [RippleContainerDirective];
121
139
  * definition for the Ripple directive.
122
140
  *
123
141
  * @example
124
- *
125
- * ```ts-no-run
126
- * // Import the Ripple module
127
- * import { RippleModule } from '@progress/kendo-angular-ripple';
128
- *
129
- * // The browser platform with a compiler
130
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
131
- *
142
+ * ```typescript
132
143
  * import { NgModule } from '@angular/core';
133
- *
134
- * // Import the app component
144
+ * import { BrowserModule } from '@angular/platform-browser';
145
+ * import { RippleModule } from '@progress/kendo-angular-ripple';
135
146
  * import { AppComponent } from './app.component';
136
147
  *
137
- * // Define the app module
138
- * _@NgModule({
139
- * declarations: [AppComponent], // declare app component
140
- * imports: [BrowserModule, RippleModule], // import Ripple module
141
- * bootstrap: [AppComponent]
148
+ * @NgModule({
149
+ * declarations: [AppComponent],
150
+ * imports: [BrowserModule, RippleModule],
151
+ * bootstrap: [AppComponent]
142
152
  * })
143
153
  * export class AppModule {}
144
- *
145
- * // Compile and launch the module
146
- * platformBrowserDynamic().bootstrapModule(AppModule);
147
- *
148
154
  * ```
149
155
  */
150
156
  class RippleModule {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-ripple",
3
- "version": "19.1.2-develop.2",
3
+ "version": "19.1.2-develop.3",
4
4
  "description": "Ripple Package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -20,7 +20,7 @@
20
20
  "package": {
21
21
  "productName": "Kendo UI for Angular",
22
22
  "productCode": "KENDOUIANGULAR",
23
- "publishDate": 1749820735,
23
+ "publishDate": 1750152804,
24
24
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
25
25
  }
26
26
  },
@@ -30,12 +30,12 @@
30
30
  "@angular/core": "16 - 20",
31
31
  "@angular/platform-browser": "16 - 20",
32
32
  "@progress/kendo-licensing": "^1.5.0",
33
- "@progress/kendo-angular-common": "19.1.2-develop.2",
33
+ "@progress/kendo-angular-common": "19.1.2-develop.3",
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": "19.1.2-develop.2",
38
+ "@progress/kendo-angular-schematics": "19.1.2-develop.3",
39
39
  "@progress/kendo-ripple": "^1.0.1"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
package/ripple-container.directive.d.ts CHANGED
@@ -7,17 +7,16 @@ import * as i0 from "@angular/core";
7
7
  /**
8
8
  * Represents the Ripple container component.
9
9
  *
10
- * You can apply this directive to any container element.
10
+ * Apply this directive to any container element.
11
11
  * The ripple effect will show on the following elements:
12
12
  * - Buttons
13
13
  * - Checkboxes
14
14
  * - Radio buttons
15
15
  *
16
16
  * @example
17
- * ```ts-no-run
17
+ * ```html
18
18
  * <div kendoRippleContainer>
19
19
  * <button kendoButton>Default Button</button>
20
- *
21
20
  * <button kendoButton [primary]="true">Primary Button</button>
22
21
  * </div>
23
22
  * ```
@@ -27,8 +26,9 @@ export declare class RippleContainerDirective implements AfterViewInit, OnDestro
27
26
  private element;
28
27
  private ngZone;
29
28
  /**
30
- * Provides an option to disable the ripple effect of the `kendoRippleContainer` element.
31
- * By default, `disabled` is set to `false`.
29
+ * Disables the ripple effect for the `kendoRippleContainer` element.
30
+ *
31
+ * @default false
32
32
  */
33
33
  set disabled(disabled: boolean);
34
34
  isDisabled: boolean;
package/ripple.module.d.ts CHANGED
@@ -9,30 +9,18 @@ import * as i1 from "./ripple-container.directive";
9
9
  * definition for the Ripple directive.
10
10
  *
11
11
  * @example
12
- *
13
- * ```ts-no-run
14
- * // Import the Ripple module
15
- * import { RippleModule } from '@progress/kendo-angular-ripple';
16
- *
17
- * // The browser platform with a compiler
18
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
19
- *
12
+ * ```typescript
20
13
  * import { NgModule } from '@angular/core';
21
- *
22
- * // Import the app component
14
+ * import { BrowserModule } from '@angular/platform-browser';
15
+ * import { RippleModule } from '@progress/kendo-angular-ripple';
23
16
  * import { AppComponent } from './app.component';
24
17
  *
25
- * // Define the app module
26
- * _@NgModule({
27
- * declarations: [AppComponent], // declare app component
28
- * imports: [BrowserModule, RippleModule], // import Ripple module
29
- * bootstrap: [AppComponent]
18
+ * @NgModule({
19
+ * declarations: [AppComponent],
20
+ * imports: [BrowserModule, RippleModule],
21
+ * bootstrap: [AppComponent]
30
22
  * })
31
23
  * export class AppModule {}
32
- *
33
- * // Compile and launch the module
34
- * platformBrowserDynamic().bootstrapModule(AppModule);
35
- *
36
24
  * ```
37
25
  */
38
26
  export declare class RippleModule {